首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将新的服务器数据传递给react.js组件

将新的服务器数据传递给react.js组件
EN

Stack Overflow用户
提问于 2013-12-16 15:13:45
回答 3查看 22.7K关注 0票数 23

我刚接触React.js,正在努力理解一些核心概念来决定我们是否应该将这个库用于我们的应用程序。我的主要问题实际上是处理从服务器获取的模型中的更新。

想象一下,我有一个页面,它应该显示五个不同的模型。我用本文中描述的方式构建了它:http://facebook.github.io/react/blog/2013/11/05/thinking-in-react.html,所以我有“根”组件,所有5个模型都通过了,并使用道具将它们向下延伸到包含这些模型的组件。因此,现在更新了2个模型(我从位于react组件之外的模型代码中获取此事件),并且我需要在UI上反映这一点。做这件事最好的方法是什么?

我在考虑以下几种选择:

  1. 再次使用新数据运行renderComponent,并依赖于DOM diff反应技术。我对此有顾虑,因为我需要对任何微小的数据更改执行此操作。
  2. 为包含此模型的组件调用setState。这样,数据就不再是支柱,而是状态,这(据我所知)不是一种好做法。此外,我看不到任何方法可以在根component.
  3. Having多个renderComponent调用之外获得对子组件的引用,因此通过这种方式,我将能够访问该组件的setProps。但是,我需要做一些模板化工作(使页面上的所有容器都可用),这会扼杀所有的react想法。
  4. 具有一个根组件,该组件包含应用程序中显示给用户的所有可能的模型,并调用setProps来更改模型。我在这里的担忧是,这个组件会变得非常大,并在某个时候变成“意大利面”+从第一点开始的担忧。

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

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20605309

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档