深入掌握 react的 setState的工作机制
react是单向数据流,若想要改变已有组件的外观,我们只能通过更改组件的props或者更新组件的state。在react项目的代码中我们操作最多的就是this.setState方法。下面对setState方法进行详细的说明。
setState要点:react框架为了提高性能,会对state的更新进行收集、合并、再进行一次批量的状态更新。这种机制常常导致一些意想不到的情况。
setState有两种调用形式:
向setState传递对象
setState()并不会立即触发state的更新。
//this.state.demo=1; handleClick=()=>{ this.setState({demo:2}); console.log(this.state.demo);//1 }
1、