1つの大きい反作用の小道具と多数の小さいものの比較？

Question

かなりのデータが必要なコンポーネントが1つあります。子コンポーネントに送信する12の小道具を作成するか、12のキーを持つオブジェクトを作成してオブジェクトを単独で送信するかのいずれかのオプションがあります。

私は正直なところ違いを見ないので、どの設定がパフォーマンスのために良いかについていくつかのインプットを得ようとしています。

Answer 1

個人的には明らかに問題になるまで個人的にはパフォーマンスの面で心配しません。事前最適化は、ウサギの穴から落ちるようなものかもしれません。

実際のオブジェクトについてさらに詳しく知ることなく、1つの大きなオブジェクト（12個のキーを持つ）が非常に気になると思います。

代わりに、私はオブジェクトを1つの小道具として渡し、その後、必要に応じてそれ以上の子どもたちに破壊を使用します。

すなわち：

<ChildComponent largeObject={someObject} />

とChildComponentで：

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