传递的道具和连接组件之间的React / Redux性能差异

Question

我对React / Redux感到怀疑，在将道具传递给所有子代或直接连接到商店的子代组件的关联父代之间，性能方面是否存在差异？

作为示例，让我们考虑将v-model与SampleList一起使用的伪代码：

方法1

SampleItems

方法2

<ConnectedSampleList>
  <SampleItem />
  <SampleItem />
  ...
  <SampleItem />
</ConnectedSampleList>

我知道第一种方法对于基本方案来说似乎是一种更好的做法，但是对于更复杂的层次结构（例如<SampleList> <ConnectedSampleItem /> <ConnectedSampleItem /> ... <ConnectedSampleItem /> </ConnectedSampleList> > ConnectedFooComponent> Wrapper> AnotherWrapper> SampleList，其中SampleItem，Wrapper和AnotherWrapper被共享SampleList，FooComponent等

在这种情况下，将道具一直传递到BarComponent看起来并不干净，将每个SampleItem连接起来似乎是一个更好的主意，但是如果列表包含数百万个，它将如何影响性能的项目？