问题标签 [react-jsx]

考虑以下组件层次结构：

这将呈现在我的 HTMLUserComponent中的#fund节点内。

如何在我的 HTML 中UserComponent节点内的特定节点中呈现？fund例如：

我正在尝试显示带有标记的谷歌地图。我正在使用 React.js。地图显示在正确的位置，但标记未显示，并且在浏览器控制台中出现多个“对象不可扩展”错误

代码看起来像这样

来自控制台的详细错误：

未捕获的类型错误：无法添加属性 k，对象不可扩展 VM3577:92

未捕获的 TypeError：无法添加属性 onerror，对象不可扩展 main.js:3

未捕获的类型错误：无法添加属性 k，对象不可扩展 VM3577:92

未捕获的类型错误：无法读取未定义 VM3577:69 的属性“样式”

未捕获的 TypeError：无法添加属性 onerror，对象不可扩展

Trying to learn React JS / JSX at the moment and have gotten stuck creating a simple login form:

If I remove the <button> tags it works fine but otherwise an error is thrown:

Uncaught Error: Parse Error: Line 27: Unexpected identifier

<button onChange={this.logout}> Logout ... ^

fiddle: http://jsfiddle.net/4TpnG/90/

我很好奇如何实现主/从复选框系统。我目前采用的方法是在主/从复选框之间建立所有者/所有者（父/子）关系。但是，如果复选框是兄弟姐妹，我很好奇是否有办法在 React 中完成此操作。我在文档中看到它说要使用您自己的全局事件系统。有人可以解释/给我看一个例子来说明他们的意思吗？谢谢！

我有一个返回几行 html 的函数，如下所示：

执行此操作时，字符串将按原样呈现在页面上，作为文本：

<h3><span className="fa fa-fw fa-briefcase"></span><small>Visionary</small></h3><h3><span className="fa fa-fw fa-shopping-cart"></span><small>Active</small></h3><h3><span className="fa fa-fw fa-sitemap"></span><small>Lorem</small></h3><h3><span className="fa fa-fw fa-tasks"></span><small>Ipsum</small></h3><h3><span className="fa fa-fw fa-signal"></span><small>Dolor</small></h3><h3><span className="fa fa-fw fa-check-square"></span><small>Amet;</small></h3>

如何将其呈现为正确的 HTML？

我正在尝试输出逗号分隔链接的列表，这是我的解决方案。

我只是想知道是否有更好、更干净的方法来实现这一点？

谢谢

所以假设我有一个名为的组件ImageGrid，它的定义如下：

如您所见，它包含一个名为的子反应组件ImageGridItem。定义如下。

只要两者都是window. 但这有点可怕，所以我想将我所有的反应组件组合在一个命名空间下window.myComponents，例如。

因此定义更改为：

现在的问题是，正如在它的 render() 函数中ImageGrid所指的<ImageGridItem />那样，它的 JS 版本被编译为 JS，因为ImageGridItem()它当然是未定义的，因为它现在实际上是myComponents.ImageGridItem()并且反应抱怨它找不到它。

是的，我意识到我不能为该组件编写 JSX 并手动执行，myComponents.ImageGridItem({attr: 'val'})但我真的更喜欢使用 JSX html 语法快捷方式，因为它更易于阅读和开发。

有什么方法可以在仍然使用<ImageGridItem />儿童语法的同时让它工作吗？如果没有，是否可以在 JSX 中定义 JS 命名空间？

有什么方法可以检测孩子是否已安装？当我初始化同位素时，必须安装所有子组件以进行初始化。超时时间为 5 毫秒，它按预期工作，但我确信有更好的方法。

更新

我现在试过这个：

那么在 5 毫秒后它计算了高度吗？这就是同位素不起作用的原因。这是bug还是正常？谢谢！

我有一个 RequireJS 模块，它返回多个 ReactJS 类，我希望这些类可以立即用于 JSX 范围。

例如

我希望能够像这样在 React/JSX 中使用这些（伪代码）：

当我这样做时，React 找不到我的模块类。它仅在我将类公开到范围时才有效，即：

我怎样才能做到这一点？我知道我可以将它们一一提取到当前作用域，或者将它们提取到全局作用域，但似乎我应该能够在不修改的情况下从 JSX 中使用它们。谢谢！

请注意，我知道我可以使用如下函数将它们公开到全局范围：

但如果可能的话，我更愿意将它们留在它们的命名空间中。请注意，这类似于在 StackOverflow 上提出的这个问题

我想将一个元素转换为另一个元素。

我有3个例子：

• 一个有效的，但使用保留的项目列表（jsfiddle）
• 一个不起作用，并且只保留一个项目，具体取决于状态（jsfiddle）
• 另一个不起作用的，它保留两个项目并隐藏/显示它们（jsfiddle使用隐藏/显示）

我想要的更像是第二个，这是第一次尝试的一个非常轻微的变化。

选项1：

选项 2： 不起作用的 JSX，但更接近我想要做的事情（真的，隐藏一个视图，并显示另一个）

选项 3： 使用隐藏/显示来保留 2 个视图，但仍然不起作用。

长话短说 - 我如何在从一个主要“组件”切换到另一个时执行转换？我不明白为什么选项 1 有效，但选项 2 无效！