하나의 커다란 반응 소품 대 수많은 작은 것들?

Question

꽤 많은 데이터가 필요한 하나의 구성 요소가 있습니다. 하위 구성 요소로 보내려면 12 소품을 만들거나 12 키가있는 개체를 만들고 개체를 단독으로 보낼 수있는 옵션이 있습니다.

정직하게도 차이점이 없으므로 어떤 설정이 성능 향상에 도움이되는지 알기 위해 노력하고 있습니다.

Answer 1

개인적으로는 분명히 문제가 될 때까지 개인적으로 나는 성능 측면에 대해 걱정하지 않을 것입니다. 사전 최적화는 토끼 구멍에서 떨어지는 것과 약간 다를 수 있습니다.

실제 개체에 대해 더 많이 알지 못하면서 1 개의 큰 개체 (12 개의 키가 있음)가 걱정이 될 것입니다.

대신 객체를 하나의 소품으로 전달한 다음 필요에 따라 더 이상 하위 클래스에 대해 소멸을 사용합니다.

즉 :

<ChildComponent largeObject={someObject} />

및 ChildComponent의 :

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