问题标签 [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.
sublimetext - 如何在 Sublime Text 中为 React JSX 定义注释字符?
在 OSX 中,在 Sublime Text 3 (build 3065) 中,语法设置为JavaScript(JSX)
或 just JSX
,我按通常的
cmd+/来注释掉选定的文本。
//
但是,当我想像这样包装选择时 ,ST3 默认为注释字符:
{/* foobar selected text */}
我在这里寻找,但无法弄清楚要编辑什么:
/Users/admin/Library/Application Support/Sublime Text 3/Packages/User/JavaScript (JSX).tmLanguage
提前致谢!:)
reactjs - Reactjs:CJSX 嵌套条件
在 React 组件中处理嵌套条件逻辑的正确语法是什么?
for 循环(单独)可以被渲染;可以呈现 if/else 条件(单独)。但是,将 for 循环嵌套在条件中会失败。
任何帮助将不胜感激。
javascript - 无需轮询更改即可反应服务器端渲染
我正在尝试将现有的 Web 应用程序从淘汰赛转换为 react js。
就目前而言,应用程序建立到服务器的 websocket 连接并异步接收更新(可能有许多客户端会影响彼此的状态,例如聊天室)。
我的问题是,如果我在渲染服务器端,如何将更改推送到每个客户端?我才刚刚开始阅读服务器上的渲染,所以我可能会误解它的工作原理,但我相信的方式是:
客户端执行一个发送到服务器的操作,服务器响应一个 html 片段,然后客户端将其替换为它的 DOM
对于可以由服务器或其他客户端更改状态的应用程序,我是否仍会被迫使用 websockets/http 轮询来显示这些更新?
否则服务器是否有可能下推新的片段?
javascript - React.js pass object key-value pairs as props
I often find myself doing something like this in my jsx:
Is any infrastructure provided to allow me to pass all the key value pairs in my object, as props to an element? I'm aware I can pass in the entire object, but it doesn't feel maximally elegant, especially if it's the only thing I'm passing, since I then have to refer to this.props.myObject.key1
.
javascript - react-tools jsx 转换器 0.11.2 不转换我的文件
我正在尝试使用 react-tools npm 包中的 jsx 转换器,但是当我尝试将 jsx 代码转换为常规 js 时,它似乎什么也没做。
这是我尝试转换文件时得到的:
问题是我在输出文件夹中得到的字段仍然是 jsx,这意味着 html 标签没有被翻译成函数。有任何想法吗?
javascript - 如何在 React 中的某些 HTML 中间有条件地包含一个标签
我有一个Avatar
React 组件,并且可以选择是否将其链接到个人资料。例如,如果您在用户个人资料上,您可能不希望它链接到个人资料,而是您想做一个自定义的clickHandler
. 除了在链接之外的每个 if 和 else 中使用基本相同的 HTML 来执行 if/else 之外,还有更好的方法吗?下面是一些伪渲染代码,只是为了展示我的意思的一个例子:
reactjs - JSX 没有输出
我在 Ubuntu 14.04
我安装了节点
我安装了 npm
我安装了反应工具
当我尝试:
我没有输出。有什么想法可能是错的吗?可能是pebcak,但我会很感激一个提示。
meteor - 如何在流星中加载带有 js 以外的文件的 npm 模块
我正在尝试为流星打包 material-ui react npm 模块,但总是收到 jsx 文件中包含的 jsx 标签的错误。
jsx 文件在被流星收集之前必须以某种方式进行预处理。Meteor 通过 Package.registerBuildPlugin 提供了对项目中包含的文件的预处理,但是当我打包 npm 模块时如何做到这一点呢?我的 package.js 看起来像这样
node.js - 用咖啡脚本 jsx 开玩笑?
如何使用 Jest 测试用 CoffeeScript + React jsx 编写的 React 组件?
Jest 提供的唯一 CoffeeScript 示例使用普通的 CoffeeScript,并且不适用于 CoffeeScript + React JSX(到达 a 时的语法错误<
)。
我试过的
第一次尝试:execSync
这可行,但需要太多时间(对于虚拟测试来说,12 秒很好)。
然后我尝试了:
第二次尝试:coffee-react-transform
这会引发一个奇怪的错误,例如:
TypeError: function() {...} 没有方法'getPooled'
“没有方法'getPooled'”的唯一谷歌结果是这个要点,它准确地显示了我得到的错误,但没有提供其他见解。
第三次可能的尝试
我想我可以使用coffee-reactify,但它返回一个异步流,而 in 中的process
函数preprocess.js
是同步使用的,到目前为止还没有办法同步读取流。
我能做些什么?
reactjs - 如何更改 React 组件中的默认 HTML 转义功能?
我想用符合我公司政策的函数(白名单 a、ul、ol 等)替换默认的转义函数(转义所有内容)。如何用自己的转义函数替换内置的转义函数?
我可以使用它,但在整个应用程序中使用它有点烦人,因为几乎所有数据都属于我们公司范围的政策: