react.js - React 组件组合问题，在组件中如果有想设置两处props.children 应怎样设置?

问题描述

问 题

举个例子，一个大的div中有两个平级的子元素，这两个元素都要插入其他不固定的组件，那么如果在这个组件中使用 props.children 的话只能给一处设置，而那一个怎么办呢？现在遇到了这个问题，请大家教一下;
这样

举个例子: <R> <D></D> <S></S> </R> 那这个R 的props.children 要怎么设置？ 我的D 和 S 要插入到R不同的位置

解决方案

那么如果在这个组件中使用 props.children 的话只能给一处设置 什么意思

理论上如果红框中能获取到实例的话, 在页面中render 1w次都没问题

就是如图你这样写~
下面是我调用的结果~

card组件中传入的props.children//我传的一个表格

可以任意次去调用

这篇关于react.js - React 组件组合问题，在组件中如果有想设置两处props.children 应怎样设置?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！