一个大的反应道具与许多小的道具？

Question

我有一个组件需要相当多的数据。我可以选择创建12个道具发送到子组件，或者创建一个包含12个键的对象并自行向下发送对象。

我诚实地看到没有区别尝试一个或另一个，所以我试图得到一些输入，哪些设置更好的性能。

Answer 1

就个人而言，我不担心它的性能方面，直到它显然是一个问题。预优化可能有点像掉下兔子洞。

不知道更多关于实际的对象，我会说1大对象（有12个键）将是很多担心。

相反，我会将对象作为一个道具向下传递，然后根据需要将解构结果用于任何其他孩子。

即：

<ChildComponent largeObject={someObject} />

和ChildComponent：

const { oneKey, twoKey, threeKey } = this.props.largeObject;