React-----学习笔记-----组件的组合、嵌套和组件树(五)

• 现在已经有了Header组件，构建新的组件Title，并在Header中使用：

import React, {Component} from 'react'
import ReactDOM from 'react-dom'
import './index.css'
class Header extends Component{
    render () {
        return (
            <div>
                <Title/>
            </div>
        )
    }
}
class Title extends Component {
    render () {
        return (
            <h1>my-react</h1>
        )
    }
}

• 可以直接在 Header标签里面直接使用Title标签。React.js会在<Title />所在的地方把Title 组件的render方法表示的 JSX内容渲染出来
• 自定义的组件都必须要用大写字母开头，普通的 HTML 标签都用小写字母开头
• 组件可以和组件组合在一起，组件内部可以使用别的组件。就像普通的 HTML标签一样使用就可以。这样的组合嵌套，最后构成一个组件树