问题标签 [react-jsx]
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.
javascript - Reactjs 将方法作为道具传递给孩子
有没有办法将当前类的方法作为道具传递给子类
举个例子;
我想将 SignupModal 的 setWizardState 方法作为道具传递给子 SignupSetup,但我收到错误消息
Uncaught Error: Invariant Violation: replaceState(...): Cannot update during an existing state transition (such as within
使成为). Render methods should be a pure function of props and state.react.js:17122
windows - 在 Windows 中反应 JSX 转换器
好像什么都没做?根据这个 commit,JSX 转换器现在应该可以工作了。
我目前尝试使用的命令:
更改/
to\
没有效果。双引号也不行。
当我运行此命令时,它返回时没有错误,并且似乎运行良好。然而绝对没有任何反应。我有一些测试 JSX 代码,C:\dev\_res\jsx\test.js
在进行更改后应该在其中进行转换。
现在尝试了一些额外的东西:
- 尝试转换直接文件,可执行文件吐出正确的使用文档
- 使用选项
-x js
没有效果 --harmony
没有效果
javascript - Reactjs 中的嵌套注释
我有以下json:
如您所见,一些评论包含一个children: []
评论。我需要根据这个键在 Reactjs 中创建嵌套注释。
我能够以一种非常混乱的 jquery 方式做到这一点,但是使用 React 我想摆脱 jquery 并创建一个嵌套评论的纯反应基础。
有人知道这样做的任何例子、想法或方法吗?到目前为止,我所拥有的是:
我的想法是遍历评论并说如果他们有孩子,只需创建另一个评论,例如
但这不会真正起作用,我可以将其封装在一个函数中并说:
我在正确的轨道上附近吗?
javascript - 通量错误:未捕获的参考错误:通量未定义
我正在尝试在本地运行 ReactJS + CoffeeScript 应用程序,页面似乎在 JS 中加载,但没有显示任何内容(空白屏幕),控制台中显示错误
未捕获的 ReferenceError:未定义通量
这是似乎引起错误的代码片段。我们将 Flux 作为应用程序中节点模块的一部分。我看不出我应该在这里做什么。
请指导。
javascript - React JSX 中的自定义 HTML 元素标记
我们正在使用一个使用自定义元素的组件库。这要求我们在 JSX 中使用自定义 HTML 标签。举一个非常简单的例子:
在这种特殊情况下,我只需要 React 输出一个niner
标签,而不需要它尝试对它做任何特别的事情。我故意没有更多的 React 组件。
根据JSX 的深度,
React 的 JSX 使用大写和小写约定来区分本地组件类和 HTML 标签。
这让我相信 ReactJS 只会将<niner/>
其视为常规 HTML 标记,而不会被它窒息。但是,当我运行上面的代码时,出现以下错误:
我需要做一些魔法才能让它工作吗?谢谢。
javascript - 反应/JSX 范围
好的,所以我正在尝试将 React 集成到现有的代码库中。目前我们有一个由 common.js 操作的单页 web 应用程序,但是我注意到,如果 JSX 文件或至少在 HTMl 文件中加载为“type="text/jsx"' 的脚本文件失败出现在JS文件的范围内。这会产生一个问题,因为我们现在无法在初始化后操作 React 组件而不重构大量代码。Common.js 无法转换为 JSX,因为我们有依赖于它的范围的外部文件/库。
twitter-bootstrap - 以编程方式触发 React-Bootstrap 输入组件验证
我对反应很陌生,所以这可能是一件很容易做到的事情。我目前正在开发一个模态组件(来自 ReactBootstrap),并且我在模态对话框组件中使用 react-bootstrap 输入组件,带有type=email
. 这样,当在<form>
元素内部并提交表单时,将触发验证,如果验证失败,则会在输入组件顶部显示弹出类型消息。但是,我没有在<form>
元素内使用此组件,并且希望在单击按钮时触发它。这是我拥有的代表问题的工作代码:
javascript - 使用 react-router 和 requirejs 进行 React 的基本设置
我正在尝试让react-router启动并运行,但不知何故 React 没有在 react-router 中定义,因此失败并出现错误
我稍后也会收到此错误:
知道我在这里做错了什么吗?我只是想让路由器工作而不连接所有文件。
这是应用程序的外观:
索引.html
初始化.js
反应路由器 shim.js
testapp.js
reactjs - 如何使用 Jest 测试连接到存储的 React 视图?
我有一个与store通信的React 视图。我已经成功地分别测试了视图和商店,但没有组合在一起。
我遵循了此处记录的结构,但收到了TypeError。看起来 Jest 正在尝试将商店注册为组件,即使我使用dontMock
.
我已经包含了我认为是下面的相关代码,但如有必要,可以完整提供。
查看笑话测试
谢谢!
reactjs - JSX 支持哪些 ES6 特性?
我使用React 和 JSX和react-tools将 JSX 代码编译为 JavaScript。
harmony
启用该选项的 JSX 支持哪些 ES6 功能?