前面已经介绍了useState 的详细用法，我们可以在函数组件和类组件中使用 useState 来创建变量和对象。使得页面能够及时的更新 UI 等等。接下来介绍一个 useState 的复杂版本--useReducer 在页面中显示 n 的值，且按下按钮后会触发响应的操作使 n…

在原先的文章中，我们知道了 React 的 state 里的变量的值，只要变量的值发生变化更新了一次，那么就会产生新的变量来等于新的值。 无论我先点击 log 再使 n 值+3，还是先使 n 值+3 再 log。都会打印出 3，原因就是因为 useRef 只有一个变量值贯穿始终…

React V 16.8.0 推出的 Hooks API，其中 React.useState 可以解决问题。 React V 16.8.0 推出的 Hooks API，React.useEffect 可以模拟生命周期函数。 可以看见，无论我点击多少次按钮使得 n,m 值发生变化…

useState 有两个状态，一个是 n，另外一个是 setN。 setN 是修改数据 n 的，将修改后的 n 存入 state。 setN 修改数据后一定会触发<App/>的重新渲染（re-render）。 useState 一定会从 state 读取最新的 n 值…

将newState的每个属性和this.state作对比，某个不等就更新，否则不更新。 React.PureComponent:这个是上面自己判断是否要更新的语法糖，如果继承的是 React.PureComponent 而不是 React.Component。那么它会自己判断是…

props为外部数据，只允许使用的组件读取props外部数据，不允许写。因为这不符合React的规范，要修改数据，也只能由该props数据的主人来修改。 若要修改props数据，可通过函数调用，在该props数据的主人的组件中对props进行修改。 this.state.n+=…

react确实是一个神奇而优雅的框架。在从事react项目之前，一直是在做angular的，angular是一个全面和庞大的框架，在起初设计的时候什么都有，复杂程度也很高，所以用angular做项目基本上不需要其他的辅助库来配合。但是react项目真的是不一样了，要是只会一个r…