问题标签 [reactjs]

单页应用程序(SPA) 来找我们了。很多新东西也随之而来，比如路由、客户端页面生命周期、MVC 模式、MVVM 模式、MV* 模式……还有一些 Javascript 模式也来到了我们身边，比如AMD 模式、Singleton、Facade ,..

还开发了许多 SPA 框架和库。我们可以在互联网上找到其中的一些。它们是AngularJs，Reactjs，BackboneJs，DurandalJs，.. 和许多第三方组件，使 Javascript 编码更容易，如RequireJs，Amplifyjs，BreezeJs ......

但我只是想为什么我们需要SPA？因为它被视为在开发 Web 应用程序时引入了一些新的复杂事物。尽管有 SPA，我们可以使用传统的 web 应用程序，每个请求每个加载页面。我只是看到了一个好处，比如我们可以轻松地在移动设备上运行它并适应新的 Web 应用程序开发趋势。有人可以更清楚地解释一下吗？

还有一件事，如果我们使用大量第三方组件来组成一个 SPA。那么它是否使这个 Web 应用程序保持一致？我认为它应该为在我们的 Web 应用程序中维护一个巨大的组件而变得复杂。你怎么看？

欢迎所有建议。

我正在玩 Facebook 的react.js库。我正在尝试使用他们的 JSX 语法，它通过以下方式描述创建视图。

JSLint 显然不喜欢这样（“需要一个标识符，而是看到 '<';”- JavaScript 语法错误），那么如何在我的 .jshintrc 文件中解决这个问题？

我很难理解上下文在 Facebook 的 React JS 框架中是如何工作的。

在将规范传递给 React.createClass 时，某些方法（尤其是事件处理程序）似乎需要使用 React.autoBind 来“将回调绑定到组件”。其他方法（特别是render()）没有这个要求，但仍然很乐意参考this.propsor this.state。

render()如果不是组件，该方法使用的“this”的上下文是什么？

我有一个组件，其方法绑定到onChange其子组件的事件。简而言之：

在测试期间，我想更改复选框的值并触发change事件。我的测试看起来像（使用 mocha.js + expect.js）：

不幸的是，我无法获得任何解决方案来使该测试正常工作。知道如何使它工作吗？

jsfiddle 片段

在浏览某些页面的 HTML 时，我注意到其中一些使用此属性“data-reactid”，例如：

该属性是什么，它的功能是什么？

我正在尝试创建一个待办事项列表，在您完成一项任务后，
只有这样才能启用下一项任务（勾选完成）。

这是我到目前为止所拥有的：

下一个按钮仍然没有被禁用，我觉得我做错了一般（不符合反应“禅”）。

顺便说一句：如何在不触发用户触发的情况下更改 dom 元素的状态？有什么我应该使用的 id 吗？

在运行使用 React.js 显示计时器的 Html 文件时，它在 Internet Explorer 中出现此错误

如果您能看到这一点，则说明 React 工作不正常。如果您从 GitHub 签出源代码，请确保运行 grunt。

我试图在谷歌上搜索解决方案，但我没有得到任何解决方案。

下面的代码来自React，它动态更新 DOM。我使用了 Facebook react 的教程，但不理解整个代码，即代码的哪一部分在何时以及如何触发代码中的其余部分执行。请帮助我理解代码。

上述代码用于动态更新 DOM 结构。此代码引用自http://facebook.github.io/react/，请帮助了解代码的工作过程。

我最近了解了 Facebook/Instagram 的名为“React”的 JavaScript 应用程序框架，并想进一步研究它。但是，我发现自己得到了相互矛盾的搜索结果，因为还有另一个类似名称的库。所以，我的问题是：两者之间是否有相似之处，或者有人可以在命名方面做得更好？

反应
http://facebook.github.io/react/index.html

react.js
http://www.reactjs.com/

沿着 Facebook 的read.js 教程，我得到这个错误：

实际上 react.js 自己的示例页面有：

谁能解释正确的用法？

我在教程中的进步

导入以下两个 javascript：

http://fb.me/react-0.4.1.js http://fb.me/JSXTransformer-0.4.1.js

HTML 是一行：

而 javascript 或者更确切地说<script type="text/jsx"> 看起来像这样：