问题标签 [react-jsx]

目前在 reactjs 中构建一个应用程序并遇到了一个奇怪的问题。JSX 代码如下（抱歉有点冗长）：

改变标签后会发生什么，第一个标签“测试”将不再显示。

如果我将行更改/* [1] */为{this.state.tabs[this.state.activeTab].ref}它，它会按预期工作。

这是一个小提琴

I'm using vim has an editor. JSX compiles the swap/temporary files. How can I avoid that ?

Command line :

What I see in stdout :

Thanks. :)

使用 ReactJS 和 React Router 去新路由时如何更改浏览器的背景颜色？请参阅下面的编辑，了解我在此过程中发现的想法：

我可以<div>在每个页面视图中使用它，但我需要它在完整背景上工作，以便完整浏览器窗口显示背景。

我在玩 jQuery，但想知道这是否是解决这个问题的正确方法？我也在尝试使用React.DOM.body，但没有得到它的工作：

编辑1： 我得到了这个工作，但是......意味着我必须为我想要有不同背景的每个页面复制这个CSS类。要使用只需将每个返回包装<div className="my-signup-bkg">：

编辑 2： 这是另一种方式，我更喜欢这种方式，它需要更少的 CSS 行并且在 ReactJS 组件中更明确。我在 DIV 上设置了这个 CSS：

并在我的 ReactJS 组件中使用它：

如何使用 React.DOM 更改 HTML 样式body？

我尝试了这段代码，但它不起作用：

如果您从浏览器控制台执行此操作，它可以工作（但我需要它在 ReactJS 代码中工作）： document.body.style.backgroundColor = "green";

另请参阅此问题以获取类似但不同的解决方案： Change page background color with each route using ReactJS and React Router?

使用终端中的react-tools，我可以运行以下脚本将我的 JSX 编译为 JavaScript：

但是，当我尝试将同一行代码放入 CodeKit 挂钩时，什么也没有发生。将其替换mkdir ./dummy为按预期工作并验证工作目录是否正确。提供 JSX ( /usr/local/bin/jsx) 或资产的绝对路径似乎没有什么区别。显然，自从mkdir工作以来，我知道钩子被正确触发了。

只是为了看看它是否会起作用，我还尝试缩小一个虚拟 JavaScript 文件，但也没有效果：

我完全被难住了。有人成功集成 JSX 和 CodeKit 吗？

考虑这个 JSX 结构：

当其中一个道具更新时，我想使用CSSTransitionGroup设置 td 的背景颜色，如下所示：

这里的问题是 ReactCSSTransitionGroup 呈现为跨度，它不是表格行的有效子级。那么 React 是否可以在表格单元格上设置进入/离开动画？

我正在尝试使用 Facebook 提供的 Node 模块 react-tools 将我的 JSX 文件编译成相应的 .js 文件。

但是，使用受支持的命令，我无法构建嵌套在我src文件夹的子文件夹中的文件。

我有js/src/module1/main.jsx 如果我现在构建这个，react-tools 会成功构建

但随后出现错误：

但是，如果我js/build/module1先创建目录，那么我看不到任何问题。似乎反应期望输出目录中已经包含子目录。我在这里做错了什么还是目前反应工具的错误？

我应该如何构造这个 ReactJS 代码以使用 ReactDOM /getDOMNode()而不是 jQuery。按下按钮时会播放声音。

不确定我是否应该放入.play()并myAudioObject通过 Refs 访问它，或者以其他方式...将 Refs 与.getDomNode()into一起传递myPlayButton。

另外，使用 jQuery 的方式是我认为下面的 ReactJS 不好的做法吗？

这是我的 JSX：

这是在服务器上生成（使用React.renderComponentToString()）并发送到客户端的内容。

这是在客户端（在浏览器中）生成的：

显然缺少两个跨度，这导致React attempted to use reuse markup in a container but the checksum was invalid. 错误。

我想问题出在 JSX 编译器上。捆绑并发送到客户端的生成的 JavaScript 与服务器使用的不同。

有趣的是，如果我“修复” JSX 中的缩进，它就可以工作。服务器和客户端都生成相同的 HTML 标记，而没有这些额外的跨度。

但是，我还没有阅读文档中有关小心宽度 JSX 缩进的任何内容，这让我有点紧张，因为这种问题很难（或至少令人讨厌）调试。

我正在尝试将一些道具传递给我处理的组件，但是 react-router 未能这样做。

路由器加载正常，因为我现在可以在 url 中看到“#/”。Left nav 可以很好地渲染并更新状态。但是在传递的组件即objectHandler中没有props.selected。我在这里错过了什么吗？谢谢。

我正在使用反应路由器 0.7.0