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

Question

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

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

所以理想情况下的实现应该是这样的:

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

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

Answer 1

问自己这个问题，我是否期望放置 FanButton 的每个位置都恰好有 3 个 ChildButton？或者它是随机的，具体取决于 FanButton 所在的位置？

如果你的答案是肯定的，那么每个 FanButton 肯定只有 3 个 ChildButton，那么只需将 ChildrenButton 直接放在 FanButton。通常我们不会在 FanButton 中包含 ChildrenButton 以确保可扩展性