首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将道具通过多个组件传递给子组件是不是一种糟糕的做法?

将道具通过多个组件传递给子组件是不是一种糟糕的做法?
EN

Stack Overflow用户
提问于 2016-02-25 23:21:05
回答 3查看 2.5K关注 0票数 3

如果我经常将道具从根组件向下传给子组件4-5个组件,这会不会影响性能?

我认为链中的每个组件将不得不在每次道具更改时重新渲染,这意味着糟糕的性能,因为它只是大型组件中的一个小组件,实际上需要更改。

如果确实是这样,我是应该扁平化我的根组件,还是应该实现一个自定义的“shouldComponentUpdate”,或者其他什么?

EN

回答 3

Stack Overflow用户

发布于 2016-02-26 00:11:42

实现shouldComponentUpdate是最大限度地减少重新呈现的一个很好的实践,特别是如果组件保持简单和小巧,以便能够简单地定义shouldComponentUpdate

作为另一种选择,查看react-redux或其他状态容器可以更轻松地管理状态,而无需太多麻烦。

票数 3
EN

Stack Overflow用户

发布于 2016-02-26 00:15:26

React不会重新渲染DOM,除非树实际上需要更新/更改,因此没有渲染性能成本。

您还可以使用shouldComponentUpdate()来管理对每个组件的更新。

Facebook's React Reconciliation

shouldComponentUpdate

票数 1
EN

Stack Overflow用户

发布于 2016-02-27 06:40:48

这种需要应该很少,但React的不同算法将确保除非必要,否则不会进行任何更新。性能不应该受到影响。

例如,我通常从一个容器类开始我的应用程序,它执行媒体查询(使用react-responsive)。使用这个媒体查询,我传递display="desktop"display="mobile"作为下一个组件的支撑。我通常在组件树中一直向下传递this.props.display,它是我的CSS外观的决定因素(桌面视图或移动视图)。在这种情况下,性能实际上得到了增强!

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

https://stackoverflow.com/questions/35631357

复制
相关文章

相似问题

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