相关疑难解决方法(0)

我是React.js的新手,并且很难理解几个核心概念来决定我们应该将这个库用于我们的应用程序.我的主要问题是实际处理从服务器获取的模型中的更新.

想象一下,我有一个应该显示五种不同模型的页面.我已经按照本文所述的方式构建了它:http://facebook.github.io/react/blog/2013/11/05/thinking-in-react.html,所以我有"root"组件所有5个模型通过并使用道具,他们将下载到持有此模型的组件.所以,现在更新了2个模型(我从我的模型代码中获取了这些事件,这些模型代码存在于反应组件之外),我需要在UI上反映这一点.做这个的最好方式是什么？

我正在考虑以下选项:

1. 再次使用新数据运行renderComponent并依赖DOM diff反应技术.我对此感到担心,因为我需要在任何微小的数据更改上执行此操作.
2. 为包含此模型的组件调用setState.通过这种方式,数据变得不是道具,而是(根据我的理解)不是良好实践的状态.另外,我没有看到任何方法来获取根组件之外的子组件.
3. 有多个renderComponent调用,所以这样我就可以访问任何这个组件的setProps.但后来我需要做一些模板工作(让页面上的所有容器都可用)并且它会杀死所有反应的想法.
4. 让一个根组件包含向用户显示的应用程序中的所有可能模型,并调用setProps来更改模型.我关注的是,这个组件将会变得非常大,并且在某些方面成为"意大利面"+点1的关注点.

提前谢谢你,希望我能清楚地解释我的问题.