（四）对 state 的理解

// 1. 创建一个类组件
class Mood extends React.Component {
    render() {
        return <h1>今天心情很开心</h1>
    }
}

// 2. 渲染组件到页面
ReactDom.render(<Mood/>, document.getElmentById('test'))

// 1. 创建一个类组件
class Mood extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            isMood: true
        }
    }

    render() {
        return <h1>今天心情很{this.state.isMood ? '开心' : '伤心'}</h1>
    }
}

// 2. 渲染组件到页面
ReactDom.render(<Mood/>, document.getElmentById('test'))