MeteorJS& ReactJS:自定义父级和子级重新渲染?

时间:2017-05-25 22:41:23

标签: reactjs meteor

因此,基本上,我有一个包含多个子组件的父组件。目前,当我更改一个子组件的值时,整个父组件会重新呈现(即单击组件列表中某个子组件上的“更改颜色”)。

我正在使用TrackerReact来处理来自我的mongoDB数据库的这种反应。

然而,TrackerReact的主要缺点是它倾向于重新渲染整个父元素......我希望我可以做类似的事情:

如果我要向列表中添加更多项目,请重新渲染父项目,将所有子项目向下推送到列表中,否则,如果我更改了子项目的颜色,则不要重新呈现父项目,只重新呈现该项目。

我在想父母的$filter = $xml->xpath("//Items/Item[Locations/Location = '".$LocationFilter."'] "); ,可能会工作,shouldComponentUpdate用于处理新的孩子被添加到列表中?

但现在我想我应该用https://atmospherejs.com/samy/redux-middlewares潜入Meteor / Redux,然后能够反应性地控制整个商店。

我还以为我可以用JQuery处理所有事情,但这不是每次干......

所以,在我跳入之前,我想我会发布关于继续在Meteor和React中定制重新渲染/反应性的一般性问题

1 个答案:

答案 0 :(得分:0)

如果你想要一个React方式的解决方案,那么肯定你应该在父组件中使用shouldComponentUpdate。如果您要检查forceUpdate函数中旧数据的新数据,则不需要使用shouldComponentUpdate