React配合Redux使用时是否必须完全避免prop参数传递？

你的三个问题解答如下：

1. 写法完全正确
   你在Menu组件内通过useSelector从Redux拿到全局products列表后，遍历过程中将单条product数据作为prop传给直接子组件Product，属于React最基础的props传递逻辑，没有任何问题。

2. 这是该场景下的标准实现方式
   列表渲染场景下，这种「父组件统一拉取列表数据、遍历传递单条数据给子项组件」的写法是行业通用的最佳实践之一：子组件只需要关心单条数据的渲染逻辑，内聚性和复用性都更强。
   当然也存在另一种可选实现：给Product组件传递product id，让Product组件内部自己通过useSelector从Redux中匹配对应的数据，但这种写法会让Product和Redux强耦合，不利于组件复用，绝大多数场景下你当前的写法更推荐。

3. 该行为不属于prop drilling
   prop drilling的定义是props需要跨过多层中间组件、层层透传才能到达最终使用该数据的组件。你当前是直接把数据传给一级子组件，属于正常的props传递，完全不涉及prop drilling问题。

内容的提问来源于stack exchange，提问作者Ioe Materials