问题标签 [reactjs]

这是数字

• 最小 + gzip 26k
• 压缩包 90k
• 原价450+k

而且 React 的文档中没有很多特性。为什么这么大？

我有一种感觉，它是轻量级 DOM 的实现。但我想确定。

基于路由设置 React 组件状态的标准方法是什么？我有以下 React/Backbone 示例：

我相信我需要能够myApp从外部设置状态，但是如何设置？我找不到这方面的任何例子。

或者也许我在这里想错了方向，有没有更好的方法与 React 一起组织路线？

我想知道是否有一种方法可以通过使用某种类型的 id 或按类型来获取组件，就像在 DOM 操作中所做的那样。就像是：

我不想保留组件实例的引用...

我正在探索reactjsloginform.js ，但我很惊讶地看到这个对外部 JSX 模板（ ）的双重网络请求。

在哪里

索引.html

和 loginform.js

有什么办法可以避免这个双重请求？

详情请参考附图：

我有一组图像，它们在内容属性/参数中使用引导弹出框 ui 组件弹出窗口，我想添加 ReactJS MusicList 组件，但我无法弄清楚语法或是否可能。

我尝试在 Android 浏览器中运行来自http://facebook.github.io/react/docs的一些示例，但它们不起作用 - 页面为空。所有页面都由本地运行的 Django 开发 Web 服务器提供，并且工作正常，除了那些使用 React 的页面。完全相同的链接在笔记本电脑上工作正常。来自他们的文档“如果您想在触摸设备（即手机或平板电脑）上使用 React，只需调用React.initializeTouchEvents(true);以打开它们。” 我认为在移动设备上运行应该没有问题。我在这里缺少一些陷阱吗？来源是：

我正在将 Backbone.View 移植到 React 中。我可能遗漏了一些东西，但我无法找出使组件状态依赖于其兄弟状态的惯用方法。例如，假设我有一个这样的组件：

假设所有的 handleClick 都是为了setState({selected: true}). 我的问题是如何确保该组件的兄弟姐妹的状态在设置为 true 之前设置为 false。

我理想的解决方案是监听道具状态的变化并从 Timeline 组件中强制渲染子组件，但我不知道这是否是一种可接受的方法。

我也在寻找实现此组件的替代方法，因为我了解分解组件的推荐方法是使它们尽可能无状态，以确保它们可以在其他地方重用。

在过去的几周里，我一直在使用 facebooks 框架 React.js 和 Backbone，但我仍然不完全确定当 Backbone 集合发生变化时重新渲染 React 组件的最合适方法是什么已作为道具传入。

目前我所做的是在componenentWillMount集合上设置change/add/remove侦听器并在它触发时设置状态：

我已经看到将模型克隆到状态的示例：

我还看到了一些变体，其中道具中的模型/集合直接在渲染中使用而不是使用状态，然后在集合/模型更改时调用 forceUpdate，导致组件重新渲染

不同方法有哪些优点和缺点？有没有一种方法是React 方式？

React 能够呈现自定义属性，如 http://facebook.github.io/react/docs/jsx-gotchas.html所述：

如果要使用自定义属性，应在其前面加上 data-。

<div data-custom-attribute="foo" />

这是个好消息，除了我找不到从事件对象访问它的方法，例如：

元素和data-属性在 html 中渲染得很好。像这样的标准属性style可以event.target.style正常访问。而不是event.target我尝试：

这些都不起作用。

如何模拟对 div 元素的点击？还是鼠标移动？还是文字输入？

如何在服务器端 nodejs 环境中执行此操作，例如 mocha？以及如何在浏览器环境中使用像业力这样的跑步者来做到这一点？