React-Native：自定義子對象與父對象道具中的對象數組

Question

在創建可定制的可重用React組件時，關於子項定義的最佳實踐是什么？

例如：我創建了一個可重用的可定制選項風扇組件。 我還希望能夠自定義/控制此父選項風扇的子按鈕的各個方面，因此我也創建了一個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 ？

如果您的回答是肯定的，則每個FanButton肯定只有3個ChildButton ，然后將ChildrenButton直接放在FanButton 。 通常，我們在FanButton不包含ChildrenButton以確保可擴展性