React学习笔记07-组件嵌套

一个项目肯定是由多个组件构成的，组件之前必然会存在相互嵌套的关系

在react中如果想要将一个组件嵌入到另外一个组件中

只需要在父组件的render函数的返回值中放入子组件即可

请看下面代码

import React, { Component } from "react"
class Navbar extends Component {
    render() {
        return (
            <div>
                这是Navnar
                <NavbarChild></NavbarChild>
            </div>
        )
    }
}
class Swiper extends Component {
    render() {
        return (
            <div>
                这是Swiper
            </div>
        )
    }
}
class Tabbar extends Component {
    render() {
        return (
            <div>
                这是Tabber
            </div>
        )
    }
}
class NavbarChild extends Component {
    render() {
        return (
            <div>
                我是navbar的孩子
            </div>
        )
    }
}
export default class App extends Component {
    render() {
        return (
            <div>
                <Navbar></Navbar>
                <Swiper></Swiper>
                <Tabbar></Tabbar>
            </div>
        )
    }
}
/* 
    
*/