javascript - React-Native:自定义子对象与父对象 Prop 中的对象数组

在创建可定制的可重用React组件时，关于子项定义的最佳实践是什么？

例如：
我创建了一个可重用的可定制选项风扇组件。我还希望能够自定义/控制此父选项风扇的子按钮的各个方面，因此我也创建了一个Child组件。

因此，理想情况下，实现应如下所示：

 <FanButton
                  diameter={100}
                  staggerDelay={300}
                  position={ {x: 100, y: 100} }
                  icon={}
                  children={3} >
                  <ChildButton/>
                  <ChildButton/>
                  <ChildButton/>
 </FanButton>

我的问题是：以这种方式将子元素带入方程式是否适当甚至必要，或者可以/应该以Option-Fan的形式将其作为对象数组引入？

最佳答案

问问自己这个问题，我是否希望我放置FanButton的每个位置都恰好有3个ChildButton？还是它的随机性取决于FanButton的位置？

如果您的回答是肯定的，则每个FanButton肯定只有3个ChildButton，然后将ChildrenButton直接放在FanButton中。通常，为了确保可扩展性，我们在ChildrenButton中不包含FanButton