如果我经常将道具从根组件向下传给子组件4-5个组件,这会不会影响性能?
我认为链中的每个组件将不得不在每次道具更改时重新渲染,这意味着糟糕的性能,因为它只是大型组件中的一个小组件,实际上需要更改。
如果确实是这样,我是应该扁平化我的根组件,还是应该实现一个自定义的“shouldComponentUpdate”,或者其他什么?
发布于 2016-02-26 00:11:42
实现shouldComponentUpdate
是最大限度地减少重新呈现的一个很好的实践,特别是如果组件保持简单和小巧,以便能够简单地定义shouldComponentUpdate
。
作为另一种选择,查看react-redux
或其他状态容器可以更轻松地管理状态,而无需太多麻烦。
发布于 2016-02-26 00:15:26
React不会重新渲染DOM,除非树实际上需要更新/更改,因此没有渲染性能成本。
您还可以使用shouldComponentUpdate()来管理对每个组件的更新。
发布于 2016-02-27 06:40:48
这种需要应该很少,但React的不同算法将确保除非必要,否则不会进行任何更新。性能不应该受到影响。
例如,我通常从一个容器类开始我的应用程序,它执行媒体查询(使用react-responsive
)。使用这个媒体查询,我传递display="desktop"
或display="mobile"
作为下一个组件的支撑。我通常在组件树中一直向下传递this.props.display
,它是我的CSS外观的决定因素(桌面视图或移动视图)。在这种情况下,性能实际上得到了增强!
https://stackoverflow.com/questions/35631357
复制相似问题