React Hooks 记录总结

React Hooks 记录总结

！！ 每次调用setState 都会重新执行一次函数。 参考：

React 中的useState 和 setState 的执行机制_夏安　　　的博客-CSDN博客React 中的useState 和 setState 的执行机制useState 和 setState 在React开发过程中 使用很频繁，但很多人都停留在简单的使用阶段，并没有正在了解它们的执行机制，例如：**它们是同步的还是异步的？**正因为没有理解它们，才致使开发过程中会碰到一些出乎意料的bug。本文将带大家了解它们的特性。它们是同步的还是异步的？setState和 useState 只在合成事件如onClick等和钩子函数包括componentDidMount、useEffect等中是“异步https://blog.csdn.net/p1967914901/article/details/122813654

setState（     (state) =>  state + 1;     ） ？ ？ 

this.setState((preState) => ({ ...preState, count: preState.count + 1 }));

在函数组件里， 使用hooks 的 useState方法的 setState，一定要传一个 箭头函数， 不然你只会拿到初始值 ok。

---------------------------

const【num，setNum】 = useState（num）

useEffect（（）=》{ axios.get （）.then（res = 》 { setNum（res.date.num） 在这里设置调用setNum 改变状态 }） }，【 num 】）

1. 每次调用 setNum 函数都会重新执行一遍 。 （如果函数里面有 axios请求，那么每次setNum，就会重新调用一次函数。）

2.

一、通过setState

二、this.forceUpdate()

三、通过状态管理，如mobx，redux等

四、props改变，组件重新渲染

未看记录：useState执行机制_Gleason.的博客-CSDN博客_usestate执行几次

百度安全验证