react框架-知识点（ref,， setState）

react的思想：无必要勿增实体

1. ref

使用

  myRef = React.createRef()

  <input ref={this.myRef}></input>

2. setState

如果setState处在异步中，那么里面的setState是同步执行，

如果setState处在同步中，那么里面的setState是异步执行

执行玩啊setState后，会调用redenr函数

setState接收第二个参数，回调函数，状态更新完触发

                <button onClick={() => {
                    // this.state.text = this.state.text === '收藏' ? '已经收藏' : '收藏'  // 页面没有改变，
                    // 改变state的值使用 setState, 可以直接设置key的value值。
                    this.setState({
                        text: this.state.text === '收藏' ? '取消收藏' : '收藏'
                    })
                    console.log(this.state)
                }}>{this.state.text}</button>