关于state

1、简单介绍State————个人理解

        State 翻译为 状态 、 是类组件实例上的 三大属性 之一   state props refs

        人          状态  影响  行为

        组件      状态   驱动  页面

        在react 中 我们不需要去操作 Dom 来渲染页面，当我们 改变State 就会自动的为我们渲染 页面。 

3、创建一个类式组件，在构造函数中 初始化 state。

import React, { Component } from 'react'

export default class State extends Component {
    constructor(props) {
        super(props);

        this.state = {
            isHot:true
        }
    }

    render() {
        return (
            <div>
                <h1>
                    今天天气什么状况: {this.state.isHot ? '炎热' : '寒冷'}
                </h1>
            </div>
        )
    }
}

4、组件说明：

        初始化组件的State， 因为State是个对象 所以要创建成键值对的形式。

        h1 标签中  插入一个三元表达式 判断 this.state.isHot的值 是不是真 ，如果是真 进输出炎热反之输出寒冷