问题标签 [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 投票
1 回答
1063 浏览

javascript - React JSX 编译

我正在尝试在单击链接时将类名“活动”添加到链接中。我无法编译这个 JSX。

我究竟做错了什么?

0 投票
1 回答
777 浏览

reactjs - 如何让 NPM reactify 在全球范围内工作?

我可以让 NPM 模块 reactify 在本地工作,但是当全局安装时:npm install -g reactify找不到。

0 投票
6 回答
25667 浏览

reactjs - 在 Sublime Text 3 中,如何为 JSX 文件启用 Emmet?

我以前一直在使用Allan Hortle 的 JSX 包,直到我遇到了它如何处理语法高亮显示的问题。然后我注意到有一个官方包sublime-react

在 Allan Hortle 的包中,他在Preferences > Key Bindings – User启用 Emmet 功能的代码段中包含了一个片段,如下所示:

这个片段似乎不适用于官方的 sublime-react 包。似乎可以使用键绑定进行修改,但对 Sublime 文档的初步阅读并没有对这个主题产生任何启发。帮助?

0 投票
2 回答
4361 浏览

javascript - 在 react.js 中是否有任何方法可以禁用所有子事件

我想构建一个具有两种状态的应用程序;暂停和活跃。例如,我想禁用所有子/拥有组件的事件,如 onClick、onChange、onKeyDown 等。

我曾想过isActive=false通过它的所有子/拥有的组件提供道具,并检查isActive事件处理程序的属性。如果isActive属性是虚假的,事件处理程序将什么也不做。我可以通过一个简单的辅助函数使这个机制变得更容易。但我担心的是,当我将应用程序状态更改为暂停时,所有子组件都需要重新渲染。

我正在寻找一种绕过所有事件处理程序(不是自定义事件处理程序)而不重新渲染所有组件的方法。

更新:我在 chrome 端观看渲染矩形,它不会重新渲染孩子。但是,如果有更好的反应方式来做到这一点,我想学习它。

0 投票
1 回答
23531 浏览

javascript - React Render 中的不变违规或在 React 中迭代和返回的正确方法

我在我的 React 渲染中遇到了持续存在的问题。

这段代码

会给我Invariant Violation: AnswerRows.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.错误。但是,这每次都有效:

我真的很想了解这里发生了什么,也许是“正确”的方法。

0 投票
0 回答
291 浏览

jquery - JSX 文件中的错误:未定义 gon

我正在尝试将Gon与 React.js 一起使用。一开始,我只用 Gon 来传递静态数据,而且成功了!但是在 jsx 文件中使用 Ajax(jquery) 的情况下,它会抛出一个错误:

在我的控制器中,您可以看到两个功能:

share是表单的动作,所以它可以正确地将静态数据传递给新页面。

search由 Ajax 调用,它不能将动态数据传回当前页面。

在我的application.html.erb中,我尝试了两个版本,都不起作用:

最后,在我的.js.jsx文件中:

显然,我已经尝试过gon.watch,但它也不起作用!有什么建议么?

0 投票
1 回答
2761 浏览

javascript - 在通过 React JSX 函数渲染页面之前运行 javascript

我有以下资源:

测试.js

反应jsx文件

.html 文件

我尝试了以下方法在 jsx 文件之前调用 getData() ,以便 gblData 不是未定义的。但它失败了。

1 html body onload 函数

2 jquery 文档准备好

0 投票
1 回答
293 浏览

javascript - 选项标签内容中的静态文本加上状态值的不变违规

有人可以告诉我为什么当我在 SELECT 标记中呈现这种状态更改时,它会在 React 中产生错误。我得到一个不变的违反错误。我没有看到错误提示的浏览器正在执行的 DOM 中的任何更改。我最终使用了 dangerouslySetInnerHTML 方法来完成这项工作。感谢您的任何意见。

以下是状态值更改时引发错误的代码:

此代码工作正常:

具有评估状态值作为内部 html 内容的静态文本在其他元素中是否正常工作?这是一个反应错误吗?

0 投票
1 回答
154 浏览

javascript - 让 jsx 编译器忽略引用其他 API 的行

我正在使用 React.js 在 chrome 内容脚本中制作组件。

当本地存储中的数据发生变化时,react 组件应该重新渲染。

带有挂载功能

当然,jsx 编译器会抱怨 chrome API 调用。我怎样才能让 jsx 编译器忽略这一行,即将它保留为 vanilla js?

0 投票
8 回答
53489 浏览

javascript - 基本 React 示例出错:Uncaught TypeError: undefined is not a function

我正在尝试将反应连接到我的应用程序中。它是一个使用 rails-react 的 rails 应用程序(尽管我认为这不是问题的一部分)。我目前正在使用一个非常简单的 1 组件设置:

我的 html 文件包含:

我可以看到 rails-react 正在将我的 react_admin.js.jsx 转换为 react_admin.js,如下所示:

然而 chrome 在 Render.react() 调用中引发了一个“未捕获的 TypeError: undefined is not a function”,它显示在“(”和“CommentBox(null)”之间

有人可以告诉我我做错了什么吗?