美文网首页
解决useEffect调接口重复请求的问题

解决useEffect调接口重复请求的问题

作者: 家有饿犬和聋猫 | 来源:发表于2021-08-18 10:54 被阅读0次

useEffect的执行机制,是比较两次依赖项是否相同,不同则执行相关effect。

思路1: 查看父组建有没有多次UseState,每useSTate一次,子组件就会render一次,导致多次执行useEffect调接口
思路2: useEffect 的依赖项有多个的时候,尽量简洁 。某些执行效果一样的依赖项目就保留一个。

如果想先调父组件数据,再调子组件数据,可以把父组件的请求结果数据,作为子组件的依赖项。

useLayoutEffect的执行顺序是同步,useEffect是异步的。useLayoutEffect会优先于useEffect执行。

相关文章

网友评论

      本文标题:解决useEffect调接口重复请求的问题

      本文链接:https://www.haomeiwen.com/subject/locgbltx.html