React组件嵌套--简单Demo

最新推荐文章于 2024-09-03 10:37:19 发布

daysRoc

最新推荐文章于 2024-09-03 10:37:19 发布

阅读量3k

点赞数 1

分类专栏： React

本文链接：https://blog.youkuaiyun.com/Donspeng/article/details/74855868

版权

React 专栏收录该内容

15 篇文章

订阅专栏

class T1 extends React.Component{
    render(){
    return (
        <div>
        <div>T1</div>
            {
            this.props.children.map(child=><div>{child}</div>)
            }
        </div>
    )}
}
class T2 extends React.Component{
    render(){
        return (
            <div>T2</div>
        )}
    }
class T3 extends React.Component{
    render(){
        return (
            <div>T3</div>
    )}
}
ReactDOM.render(
    <T1>
    <T2/>
    <T3/>
    </T1>,
document.getElementById('test'));