React 原理

我是表哥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