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>

  

 

posted @ 2022-07-28 23:56  zzzzzyyyyyy  阅读(68)  评论(0)    收藏  举报