时间戳

首页 > 解决方案 > React-Native：自定义子对象与父道具中的对象数组

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

问题描述

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

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

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

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

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

标签： javascriptreactjsreact-nativeparent-child

解决方案

问自己这个问题，我是否期望我放置的每个地方FanButton都恰好有 3 ChildButton？或者它是随机的，取决于FanButton坐在哪里？

如果你的答案是肯定的，那么FanButtoneach 肯定只有 3 ChildButton，那么ChildrenButton直接放在里面就行了FanButton。通常我们不包含ChildrenButton内部FanButton以确保可扩展性

推荐阅读