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

Obiwankenoobi

如何动态地将子组件注入父组件?例如打开这个:

<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'})
    })
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将动态面板设置为组件的父级?

如何根据父级动态调整子级组件的高度?

将父级组件支持给父级-子级组件

如何将父级状态传递给子级组件

更新父级状态后如何将React子级组件重置为原始状态

当父级和子级组件也是功能组件时,如何将功能作为道具传递?

如何将输入集中在来自父级的子组件上?

如何将父组件注入子组件?

Angular2将父级服务注入子级

如何将子 fxml 的父级更改为其他父级?

如何将数据从子级传递到父级组件Angular

如何将视图(子级)插入父级布局的div中?Vaadin 10 /流

嵌套的GridBagLayout-如何将子级的列与父级的列对齐

如何将父级回调设置为子级状态

如何将父级中的字符串转换为 React 子组件的 proptype.number?

如何获得组件的父级的父级?

在React中,如何根据父级的子级组件计算父级的宽度?

从注入到父级构造函数的服务接收的值传递给子级组件

如何在父级和子级组件之间动态设置setState()[逻辑在根应用程序级别的子级和状态上运行]

如何从功能组件的父级更改子状态组件

如何在React Hooks中的父级上单击按钮时将焦点放在子级组件的输入上

如何在将父级的fetch调用中的数据传递给它之前停止React子级组件的加载

如何将方法从父级重载到子级

Git:如何重新引入以前的删除或如何将父级合并到子级提交中

如何动态地将线性布局(作为子级)添加到约束布局(父级)?

如何将CustomScrollView用作子级

如何将道具传递给作为父项从父级收到的组件?

如何将父级的第一个子级中的属性移动到XSLT中的父级?

如果父级列表项中有子级,如何将类添加到链接中?