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

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

提前致谢!:)

0 投票
2 回答
3563 浏览

reactjs - Reactjs:CJSX 嵌套条件

在 React 组件中处理嵌套条件逻辑的正确语法是什么?

for 循环(单独)可以被渲染;可以呈现 if/else 条件(单独)。但是,将 for 循环嵌套在条件中会失败。

任何帮助将不胜感激。

0 投票
2 回答
5022 浏览

javascript - 无需轮询更改即可反应服务器端渲染

我正在尝试将现有的 Web 应用程序从淘汰赛转换为 react js。

就目前而言,应用程序建立到服务器的 websocket 连接并异步接收更新(可能有许多客户端会影响彼此的状态,例如聊天室)。

我的问题是,如果我在渲染服务器端,如何将更改推送到每个客户端?我才刚刚开始阅读服务器上的渲染,所以我可能会误解它的工作原理,但我相信的方式是:

客户端执行一个发送到服务器的操作,服务器响应一个 html 片段,然后客户端将其替换为它的 DOM

对于可以由服务器或其他客户端更改状态的应用程序,我是否仍会被迫使用 websockets/http 轮询来显示这些更新?

否则服务器是否有可能下推新的片段?

0 投票
1 回答
5890 浏览

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.

0 投票
0 回答
211 浏览

javascript - react-tools jsx 转换器 0.11.2 不转换我的文件

我正在尝试使用 react-tools npm 包中的 jsx 转换器,但是当我尝试将 jsx 代码转换为常规 js 时,它似乎什么也没做。

这是我尝试转换文件时得到的:

问题是我在输出文件夹中得到的字段仍然是 jsx,这意味着 html 标签没有被翻译成函数。有任何想法吗?

0 投票
2 回答
1928 浏览

javascript - 如何在 React 中的某些 HTML 中间有条件地包含一个标签

我有一个AvatarReact 组件,并且可以选择是否将其链接到个人资料。例如,如果您在用户个人资料上,您可能不希望它链接到个人资料,而是您想做一个自定义的clickHandler. 除了在链接之外的每个 if 和 else 中使用基本相同的 HTML 来执行 if/else 之外,还有更好的方法吗?下面是一些伪渲染代码,只是为了展示我的意思的一个例子:

0 投票
1 回答
514 浏览

reactjs - JSX 没有输出

我在 Ubuntu 14.04

我安装了节点

我安装了 npm

我安装了反应工具

当我尝试:

我没有输出。有什么想法可能是错的吗?可能是pebcak,但我会很感激一个提示。

0 投票
1 回答
148 浏览

meteor - 如何在流星中加载带有 js 以外的文件的 npm 模块

我正在尝试为流星打包 material-ui react npm 模块,但总是收到 jsx 文件中包含的 jsx 标签的错误。

jsx 文件在被流星收集之前必须以某种方式进行预处理。Meteor 通过 Package.registerBuildPlugin 提供了对项目中包含的文件的预处理,但是当我打包 npm 模块时如何做到这一点呢?我的 package.js 看起来像这样

0 投票
3 回答
2394 浏览

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是同步使用的,到目前为止还没有办法同步读取流。

我能做些什么?

0 投票
1 回答
1154 浏览

reactjs - 如何更改 React 组件中的默认 HTML 转义功能?

我想用符合我公司政策的函数(白名单 a、ul、ol 等)替换默认的转义函数(转义所有内容)。如何用自己的转义函数替换内置的转义函数?

我可以使用它,但在整个应用程序中使用它有点烦人,因为几乎所有数据都属于我们公司范围的政策: