问题标签 [react-dom]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2207 浏览

javascript - 组组件在reactjs中挂载后如何执行功能?

当我处理该组件中的元素时,回调componentDidMount工作得很好,但是我想在安装一组组件后执行一个处理页面上多个组件的元素的函数。我能做到这一点的最好方法是什么?

0 投票
1 回答
252 浏览

react-dom - 将 Maquette 渲染为 HTML

我想获取我的 Maquette 视图的 HTML 字符串表示形式,以便将其预呈现为静态 html 文件。React 有 ReactDOMServer.renderToString。Maquette VNodes 有类似的方法吗?

0 投票
1 回答
148 浏览

reactjs - 在 renderDOM 中访问组件状态值

这是我的 app.jsx,我想访问app.jsisAdmin的状态...确定用户是否为管理员并基于值..我想操纵路线....我怎么能做到这一点? ?Login ComponentisAdmin

请帮助我是新来的反应...

0 投票
0 回答
998 浏览

javascript - react-dom 和 rollupjs:无法分配给对象的只读属性“历史”

我正在尝试使用汇总来捆绑我的 React 应用程序,我目前收到此错误:

未捕获的类型错误:无法分配给对象“[对象窗口]”(匿名函数)@ bundle.js:6115 的只读属性“历史”

这是在这个位置。

我的汇总配置:

我错过了什么?

0 投票
0 回答
165 浏览

reactjs - 操作不受控制的反应组件的 DOM

我有一个反应组件,它本质上呈现一个contentEditable div。它是不受控制的,因为反应不控制 div 的内容。

[这是我编写的内容可编辑 div 的简化版本]

我有在单击按钮时清除 div 内容的功能。我想对它进行单元测试,所以我想通过实际向 div 添加内容并检查它是否在按下按钮时被清除来操作 dom。

关于我如何实现这一目标的任何指示?

PS:我使用酶作为测试框架

0 投票
1 回答
1418 浏览

reactjs - ReactDOM 使用同一类渲染多个元素?

我有多个元素使用相同的类并具有相同的内容。

所以我可以使用 ReactDOM 来渲染它们,而不是:

如果我可以动态地做到这一点,那将是最好的,因为我不知道这些多个相同的元素有多少。

可能吗?

编辑:

它会调用./data/nav.json多次。

0 投票
2 回答
5641 浏览

javascript - React.renderComponent 不是函数

我已经为初学者阅读了一些关于 ReactJs 的文章。我读的文章只显示了代码片段。我的第一个组件有问题:

完整代码:

当我打开页面时,我看到embedded:11 Uncaught TypeError: React.renderComponent is not a function

谁能指出我正确的方向?

我也试过这个没有运气:

0 投票
1 回答
209 浏览

javascript - Cx 框架:如何访问 Cx 中的 DOM 元素?

我正在探索Cx一个基于React( http://cx.codaxy.com/ ) 的有趣的新框架,但我不知道如何访问组件内的 DOM 元素。

基本上,我有一个包含一些文本和一个按钮的简单小部件,在单击按钮时,我希望将该文本复制到剪贴板,并且由于浏览器的安全限制,这必须通过选择输入中的文本来完成字段并document.execCommand('copy'); 在 React 中执行,我会使用ref它,它看起来像这样:

但是 Cx 没有refs在它的自定义组件中使用。有没有其他方法可以实现这一目标?

任何帮助将不胜感激。

0 投票
1 回答
398 浏览

reactjs - TypeScript 可以使 React 组件实例化类型安全吗?

我对 TypeScript 和 React 非常陌生,因此对任何不正确或令人困惑的术语表示歉意。基本上这就是我正在看的:

someNumber是定义为的属性number,但我注意到以下行为:

  • 如果我传递一个非数字值,例如<MyComponent someNumber="foo" />这仍然编译但在运行时爆炸
  • 如果我没有传递任何值,例如<MyComponent />即使没有默认值,它仍然可以编译someNumber

理想情况下,这两种情况应该无法编译,但我看不到这样做的方法。如果有帮助,我会使用 TypeScript 2.0.6。

这是我的tsconfig.json

0 投票
1 回答
7391 浏览

javascript - 如何进行同步 ReactDOM.render

对于我的应用程序,我需要渲染一些子元素,然后测量生成的 div。在伪代码中,它看起来像这样:

不幸的是,根据文档 ReactDOM.render 将来可能会变得异步。是否有面向未来的选项来强制同步渲染以使上述功能起作用?