渲染父元素而不更改子元素

时间:2018-02-05 20:44:38

标签: reactjs rendering

我将目前的情况和问题陈述为两个陈述。我不应该上传任何参考的代码,所以我用句子形式说明我的工作模型。

在react中使用父元素和子元素时,parent将一些初始值作为props传递给child。子节点可以通过props获取这些值,并可以进行进一步的更改。但在改变之后,父母将永远不会知道孩子的更新价值。因此,新的更新值仅限于儿童级别。

如果有任何更新并且在父级上调用了setState(),它将尝试使用父级别的子级的现有值重构子级,但不会使用子级节点上的更新值。

所以,我尝试使用flux事件处理程序,但这使得代码更加复杂,并且在子级和父级之间来回调用过多。我听说过热重载,但我不确定它是否符合我目前的情况。我正在寻找一些最好的措施来解决我的问题。

1 个答案:

答案 0 :(得分:0)

由于您没有发布任何代码,我希望我能够很好地理解您的问题。

我想到的是在子元素中使用shouldComponentUpdate方法,并检查是否应该真正重新渲染子元素的prop。

此外,在子元素中,在收到道具后设置初始状态,但使用子元素内部状态进行渲染。

希望我能帮助你一点。