我是表哥Harker,表妹我来咯~
本篇将讲解 React 的一些原理知识,让我们更加的深入了解 React运行的机制!
1、setState() 的说明
1)、setState() 更新数据
- setState() 是异步更新数据的
- 注意:使用该语法时,后面的 setState() 不要依赖于前面的 setState()
- (因为是异步,第二次调用并不会直接得到第一次调用的结果,什么是异步可以看我写的 同步异步文章)
- 可以多次调用 setState() ,只会触发一次重新渲染
- (这是react的机制,因为可能调用多次setState改变状态,那么只渲染最后一次不就好了?这样就提高了效率)
import React from 'react'
import ReactDOM from 'react-dom'
/*
setState() 异步更新数据
*/
class App extends React.Component {
state = {
count: 1
}
handleClick = () => {
// 此处,更新state
// 注意:异步更新数据的!!!
this.setState({
count: this.state.count + 1