问题标签 [react-jsx]

在无子 React 组件中，由于我在 JSX 条件中使用了数组，我收到“唯一键道具”错误：

数组中的每个孩子都应该有一个唯一的“关键”道具。

触发错误的代码如下所示：

我理解为什么在渲染子组件时需要 key prop，但是当“数组中的子元素”是这样的任意子元素集时，我如何满足 React/JSX 呢？

我正在尝试使用以下命令预编译我的 React JSX 文件：

我在子目录中有非缩小react.js文件（0.9.0）dev/js/lib。当它编译时，React 源代码变为public/AutoFocusMixin.js. 随着被重命名，源被“移动”到父目录。

这只发生在我使用非缩小版本的 React 时。编译后的文件没有被缩小。我正在使用非缩小源进行调试。

我在 0.8.0 版本中遇到了类似的问题——但不是被命名AutoFocusMixin，而是生成的文件被命名$.js并且也在父目录中。

我的解决方案是将未缩小的源手动复制到正确的位置。

有没有人为此提出更好的解决方案或看看我做错了什么？

--

我认为这是 React 源代码中的违规代码（如下）。我看到它做了什么，但不清楚它的目的。我确认我正在使用的文件是没有附加组件的 React 核心。

除了事件属性之外，我无法让任何 ReactSyntheticKeyboardEvent处理程序注册任何内容。null

我已经在小提琴中隔离了组​​件，并且得到了与我的应用程序相同的结果。谁能看到我做错了什么？

http://jsfiddle.net/kb3gN/1405/

考虑这个不会编译的例子：

但是这些组合中的任何一个都有效：

想知道多个组件是否应该始终被 div 标签包围。

我如何选择在 JSX 中包含一个元素？这是一个使用横幅的示例，如果它已被传入，则该横幅应在组件中。我要避免的是必须在 if 语句中复制 HTML 标记。

我什至不能在浏览器中使用JSXTransformer.js开发，因为我正在使用require.js加载模块。当我运行时jsx --watch src/ build/，实际上只对目录jsx->js中的文件执行了一次转换src，但随后，如果我更改src目录中的任何文件，则什么都没有发生，没有翻译jsx->js（就像jsx --watch没有注意到任何更改一样）。