问题标签 [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.

0 投票
3 回答
9220 浏览

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

0 投票
1 回答
1578 浏览

windows - 在 Windows 中反应 JSX 转换器

好像什么都没做?根据这个 commit,JSX 转换器现在应该可以工作了。

我目前尝试使用的命令:

更改/to\没有效果。双引号也不行。

当我运行此命令时,它返回时没有错误,并且似乎运行良好。然而绝对没有任何反应。我有一些测试 JSX 代码,C:\dev\_res\jsx\test.js在进行更改后应该在其中进行转换。

现在尝试了一些额外的东西:

  • 尝试转换直接文件,可执行文件吐出正确的使用文档
  • 使用选项-x js没有效果
  • --harmony没有效果
0 投票
2 回答
5349 浏览

javascript - Reactjs 中的嵌套注释

我有以下json:

如您所见,一些评论包含一个children: []评论。我需要根据这个键在 Reactjs 中创建嵌套注释。

我能够以一种非常混乱的 jquery 方式做到这一点,但是使用 React 我想摆脱 jquery 并创建一个嵌套评论的纯反应基础。

有人知道这样做的任何例子、想法或方法吗?到目前为止,我所拥有的是:

我的想法是遍历评论并说如果他们有孩子,只需创建另一个评论,例如

但这不会真正起作用,我可以将其封装在一个函数中并说:

我在正确的轨道上附近吗?

0 投票
1 回答
1194 浏览

javascript - 通量错误:未捕获的参考错误:通量未定义

我正在尝试在本地运行 ReactJS + CoffeeScript 应用程序,页面似乎在 JS 中加载,但没有显示任何内容(空白屏幕),控制台中显示错误

未捕获的 ReferenceError:未定义通量

这是似乎引起错误的代码片段。我们将 Flux 作为应用程序中节点模块的一部分。我看不出我应该在这里做什么。

请指导。

0 投票
2 回答
12832 浏览

javascript - React JSX 中的自定义 HTML 元素标记

我们正在使用一个使用自定义元素的组件库。这要求我们在 JSX 中使用自定义 HTML 标签。举一个非常简单的例子:

在这种特殊情况下,我只需要 React 输出一个niner标签,而不需要它尝试对它做任何特别的事情。我故意没有更多的 React 组件。

根据JSX 的深度

React 的 JSX 使用大写和小写约定来区分本地组件类和 HTML 标签。

这让我相信 ReactJS 只会将<niner/>其视为常规 HTML 标记,而不会被它窒息。但是,当我运行上面的代码时,出现以下错误:

我需要做一些魔法才能让它工作吗?谢谢。

0 投票
1 回答
564 浏览

javascript - 反应/JSX 范围

好的,所以我正在尝试将 React 集成到现有的代码库中。目前我们有一个由 common.js 操作的单页 web 应用程序,但是我注意到,如果 JSX 文件或至少在 HTMl 文件中加载为“type="text/jsx"' 的脚本文件失败出现在JS文件的范围内。这会产生一个问题,因为我们现在无法在初始化后操作 React 组件而不重构大量代码。Common.js 无法转换为 JSX,因为我们有依赖于它的范围的外部文件/库。

0 投票
3 回答
8482 浏览

twitter-bootstrap - 以编程方式触发 React-Bootstrap 输入组件验证

我对反应很陌生,所以这可能是一件很容易做到的事情。我目前正在开发一个模态组件(来自 ReactBootstrap),并且我在模态对话框组件中使用 react-bootstrap 输入组件,带有type=email. 这样,当在<form>元素内部并提交表单时,将触发验证,如果验证失败,则会在输入组件顶部显示弹出类型消息。但是,我没有在<form>元素内使用此组件,并且希望在单击按钮时触发它。这是我拥有的代表问题的工作代码:

0 投票
1 回答
3651 浏览

javascript - 使用 react-router 和 requirejs 进行 React 的基本设置

我正在尝试让react-router启动并运行,但不知何故 React 没有在 react-router 中定义,因此失败并出现错误

我稍后也会收到此错误:

知道我在这里做错了什么吗?我只是想让路由器工作而不连接所有文件。

这是应用程序的外观:

索引.html

初始化.js

反应路由器 shim.js

testapp.js

0 投票
1 回答
1674 浏览

reactjs - 如何使用 Jest 测试连接到存储的 React 视图?

我有一个与store通信的React 视图。我已经成功地分别测试了视图和商店,但没有组合在一起。

我遵循了此处记录的结构,但收到了TypeError。看起来 Jest 正在尝试将商店注册为组件,即使我使用dontMock.

我已经包含了我认为是下面的相关代码,但如有必要,可以完整提供。

查看笑话测试

谢谢!

0 投票
1 回答
3741 浏览

reactjs - JSX 支持哪些 ES6 特性?

我使用React 和 JSXreact-tools将 JSX 代码编译为 JavaScript。

harmony启用该选项的 JSX 支持哪些 ES6 功能?