枚举 React 多个不同的 child 组件

Question

我有以下功能组件，没有任何不同的道具children：

<Parent>
  <ChildA />
  <ChildB />
  ...
  <ChildG />
</Parent>

有什么方法可以不用手动在Parent组件中写入所有children，例如循环如：

<Parent>
  {childrenArray.map(child => <Child>}
</Parent>

如果是，哪种方式是正确的？

Answer 1

创建一个 JSX 元素数组

const childrenArray = [ChildA , ChildB, ChildC];

这样渲染

<Parent>
  {childrenArray.map(Child => <Child />)}
</Parent>

Enum React multiple different child components