Question

在创建可自定义的可重用React组件时，有关定义子项的最佳做法是什么？

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

所以实现最好是这样的：

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

我的问题是：以这种方式将子元素放入等式中是否合适甚至是必要的，或者是否应该将它作为一组对象引入Option-Fan的支柱？

Answer 1

问自己这个问题，我希望我FanButton的所有地方都有3 ChildButton吗？或者它随机取决于FanButton所在的位置？

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

React-Native：父级道具中的自定义子对象与对象数组

1 个答案: