react的内部状态（state）

不同props，组件内部的状态（一般是容器组件（一般路由组件）内部状态比较多）
注意：函数式组件没有内部的状态 （需要使用hook）

• 定义组件的state

class App extends Component {
  // 第一种 直接定义state属性
  state = {
    isLike: true,
    title: 'hello react'
  }
 
  //  定义state第二种方式 constructor
  constructor(){
    super();
    this.state = {
      isLike: false,
      title: '你好react'
    }
  };
  render(){
    return (
      <div>
        { this.state.isLike ? '我爱你' : '你是个好人会遇到更好的女孩' }
        { this.state.title }
      </div>
    )
  }
}

• react不是mvvm框架
  直接修改某个state 视图不刷新
  this.state.isLike = true
  让一个页面自动刷新三种方式
  • this.forceUpdate() 强制刷新
  • this.setState() 修改 某个状态([setState怎么用？]）
  • 当前组件的prop 值改变了