问题标签 [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 - React JSX 编译
我正在尝试在单击链接时将类名“活动”添加到链接中。我无法编译这个 JSX。
我究竟做错了什么?
reactjs - 如何让 NPM reactify 在全球范围内工作?
我可以让 NPM 模块 reactify 在本地工作,但是当全局安装时:npm install -g reactify
找不到。
reactjs - 在 Sublime Text 3 中,如何为 JSX 文件启用 Emmet?
我以前一直在使用Allan Hortle 的 JSX 包,直到我遇到了它如何处理语法高亮显示的问题。然后我注意到有一个官方包sublime-react。
在 Allan Hortle 的包中,他在Preferences > Key Bindings – User
启用 Emmet 功能的代码段中包含了一个片段,如下所示:
这个片段似乎不适用于官方的 sublime-react 包。似乎可以使用键绑定进行修改,但对 Sublime 文档的初步阅读并没有对这个主题产生任何启发。帮助?
javascript - 在 react.js 中是否有任何方法可以禁用所有子事件
我想构建一个具有两种状态的应用程序;暂停和活跃。例如,我想禁用所有子/拥有组件的事件,如 onClick、onChange、onKeyDown 等。
我曾想过isActive=false
通过它的所有子/拥有的组件提供道具,并检查isActive
事件处理程序的属性。如果isActive
属性是虚假的,事件处理程序将什么也不做。我可以通过一个简单的辅助函数使这个机制变得更容易。但我担心的是,当我将应用程序状态更改为暂停时,所有子组件都需要重新渲染。
我正在寻找一种绕过所有事件处理程序(不是自定义事件处理程序)而不重新渲染所有组件的方法。
更新:我在 chrome 端观看渲染矩形,它不会重新渲染孩子。但是,如果有更好的反应方式来做到这一点,我想学习它。
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.
错误。但是,这每次都有效:
我真的很想了解这里发生了什么,也许是“正确”的方法。
javascript - 在通过 React JSX 函数渲染页面之前运行 javascript
我有以下资源:
测试.js
反应jsx文件
.html 文件
我尝试了以下方法在 jsx 文件之前调用 getData() ,以便 gblData 不是未定义的。但它失败了。
1 html body onload 函数
2 jquery 文档准备好
javascript - 选项标签内容中的静态文本加上状态值的不变违规
有人可以告诉我为什么当我在 SELECT 标记中呈现这种状态更改时,它会在 React 中产生错误。我得到一个不变的违反错误。我没有看到错误提示的浏览器正在执行的 DOM 中的任何更改。我最终使用了 dangerouslySetInnerHTML 方法来完成这项工作。感谢您的任何意见。
以下是状态值更改时引发错误的代码:
此代码工作正常:
具有评估状态值作为内部 html 内容的静态文本在其他元素中是否正常工作?这是一个反应错误吗?
javascript - 让 jsx 编译器忽略引用其他 API 的行
我正在使用 React.js 在 chrome 内容脚本中制作组件。
当本地存储中的数据发生变化时,react 组件应该重新渲染。
带有挂载功能
当然,jsx 编译器会抱怨 chrome API 调用。我怎样才能让 jsx 编译器忽略这一行,即将它保留为 vanilla js?
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)”之间
有人可以告诉我我做错了什么吗?