反应 {...props} 副作用答案

【问题标题】：React {...props} sideEffect反应 {...props} 副作用
【发布时间】：2021-02-21 04:45:22
【问题描述】：

我有一个 ReactComponentParent，它接收 15 个不同的 props（对象、数字、布尔值、数组等）

在 ReactComponentParent 我有一个 ReactComponentChild 需要 6 个道具，但我使用的是 {...props}

<ReactComponentChild {...props} />

使用 {...props} 而不仅仅是所需的道具有任何副作用（性能方面的谈话）吗？是否以某种方式做出反应，可能是通过 propsTypes 来处理这种行为？我应该只发送组件需要的东西吗？

【问题讨论】：

强制任何 JSX 属性都没有传播。这通过更明确地说明组件接收到的 props 来增强代码的可读性。通过避免传递无意的额外道具并允许在将无效的 HTML 道具传递给 HTML 元素时发出警告，这也有利于可维护性。 ESlint-plugin-react
@ayxos 传递 不必要的道具 可能会导致不必要的重新渲染 ...

【解决方案1】：

这样，您将所有来自父组件的道具发送到子组件，例如

<ReactComponentChild {...props} />

一个好的方法是把需要的道具发送给孩子

【讨论】：