,你可以把组件看成一个'状态机",它是能够随着时间变化的数据,更多的是应当在实现交互时使用,根据状态state的改变呈现不同的UI展示
在React中,因为不能直接修改外部组件传入的prop值
当需要记录组件自身数据变化时...,而是通过React内置提供的一个setState方法进行触发的
为了解释不能直接更改this.state,我们来看另一个加减数字的例子,代码如下所示
import React, { Fragment,...,setTimeout/setInterval等,当然在React中绝大多数都是异步处理的
对于实现同步,我们可以看一下下面这个代码,先看下效果:点击减号(-)按钮,页面上count变化与控制台上的值的对应关系...,以后有时间单独在详聊的
在这里,你只需要只知道,对于在React中的JSX绑定的事件处理函数中调用setState方法是异步的就可以了
如果你需要基于当前的state来计算出新的值,那么setState...函数是非常高效的,结合了函数式编程,不用考虑性能的问题
如下代码所示: 在事件处理程序内调用setState方法改变state的值,虽然是两次调用但是并不会引起render函数的重复渲染,它会合并成到一个队列中执行一次操作