reactjs - 通过多个组件将 props 传递给子组件是一种不好的做法吗?

标签 reactjs

如果我经常将 props 从根组件传递到子组件 4-5 个组件,这是不好的做法/会损害性能吗?

我认为每次 props 发生变化时,链中的每个组件都必须重新渲染,这意味着性能不佳,因为它只是实际需要更改的大组件内的一个小子组件。

如果确实如此,我应该展平我的根组件,还是应该实现自定义的“shouldComponentUpdate”,或者其他什么?

最佳答案

实现 shouldComponentUpdate 是最小化重新渲染的非常好的做法,特别是如果组件保持简单且较小,以便能够简单地定义 shouldComponentUpdate

作为替代方案,请研究 react-redux 或其他状态容器,以更轻松地管理状态,而无需太多麻烦。

关于reactjs - 通过多个组件将 props 传递给子组件是一种不好的做法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35631357/

相关文章:

javascript - React Native 导航 TopBar 图标未显示

javascript - 使用 react-router 链接到其他组件

reactjs - 处理未定义声明文件的正确方法 (index.d.ts)

css - 使最后一个网格单元格处于非事件状态

ReactJS - 当状态变量为数字时,SetState不会更新状态

javascript - 如何以编程方式填充使用 React 构建的输入元素?

javascript - 从另一个函数设置组件的状态

javascript - React - 过滤商店中的对象会导致递归/无限循环

reactjs - 如何使用 JEST 在 React 中测试以下组件

javascript - react 使用 img onerror