Reactjs 如何将子组件动态注入父组件

如何将子组件动态注入父组件？例如，要扭转这种局面：

<Parent>
  <Child/>
  <Child/>
</Parent>

为此：

<Parent>
  <Child/>
  <Child/>
  <Child/>
</Parent>

---

不使用通常的解决方案，显然是

map

。问题是，有一个库，它是通过计算组件的

props.children

属性来实现API工作的，因此

map

函数在这里实际上不起作用。

使用React的

children

助手

const Component = ({children}) =>{
    return React.Children.map(children, child =>{
        return React.cloneElement(child, {childProps : 'foo'})
    })
}

---

使用React的

子对象

帮助程序

const Component = ({children}) =>{
    return React.Children.map(children, child =>{
        return React.cloneElement(child, {childProps : 'foo'})
    })
}