Question

假设我有一个需要有关每个孩子的信息的包装器组件，使用props来传输这些信息是一个坏主意吗？例如：

<MakeColorful>
 <div color="green">green</div>
 <div color="red">red</div>
</MakeColorful>

MakeColorful可以通过child.props.color访问此内容。这是一个糟糕的模式吗？有没有好的选择？

Answer 1

IMO，你预感这是一个糟糕的模式是一个很好的模式。包装纸和它的孩子之间没有任何合约。假设另一位开发人员进来并希望使用<MakeColorful>，则没有任何要求他们确保子元素包含该道具的内容。

如果你需要在父母和孩子之间分享道具，那么我会向父母提供道具，然后让他们在必要时将这些道具添加到孩子身上。

如果没有更多的上下文或您尝试解决的用例描述，很难提供替代方案。