美文网首页
useEffect的详细

useEffect的详细

作者: 亦晓寒 | 来源:发表于2020-02-20 16:18 被阅读0次

useEffect用于处理组件中的effect,通常用于请求数据,事件处理,订阅等相关操作。

useEffect的第二个参数:

1.当useEffect没有第二个参数时

通过这个例子可以看到useEffect没有第二个参数时不停的在调用

2.当useEffect第二个参数为空数组时

通过这个例子可以看出来useEffect在调用一次后就不再调用

3.当useEffect第二个参数为变量时

通过这个例子可以看出来useEffect在每次count发生变化时调用

useEffect的使用:

上面的例子可以看出来使用useEffect和和class component使用生命周期函数时的区别,使用useEffect将每次count变化的数据都打印出来,而使用componentDidUpdate打印了最后一个数据很多次,因为class component里面的state随着render是发生变化的,而useEffect里面的所有东西都是每次render独立的。

useEffect清除:

useEffect通过return进行一些清除。

例如官方文档里面的例子,当props.friend.id发生变化时,可以进行清除工作。

相关文章

  • useEffect的详细

    useEffect用于处理组件中的effect,通常用于请求数据,事件处理,订阅等相关操作。 useEffect的...

  • 详解react useEffect 和 useLayoutEff

    useEffect 引用官方 使用 useEffect 完成副作用操作。赋值给 useEffect 的函数会在组件...

  • Hooks API

    useEffect useEffect的使用 参考上篇文章 执行时机: useEffect可以看做componen...

  • react hooks 之 useEffect

    useEffect useEffect 可以弥补函数组件没有生命周期的缺点。我们可以在useEffect第一个参数...

  • 从react源码分析useEffect与useLayoutEff

    本文将从useEffect的‘闪烁’问题切入,通过devtools并结合源码来分析useEffect与useLay...

  • Hooks

    useState useEffect useEffect可以直接读取组件内的state,并且默认情况下每次渲染的时...

  • useEffect和useLayoutEffect的区别

    useEffect和useLayoutEffect区别 useEffect 基本上90%的情况下,都应该用这个,这...

  • useEffect

    useEffect的用法代替componentDidMount的方式,将useEffect的第二个参数传入空数组或...

  • useEffect

    目标 页面count会递增 console里面的数会递增 问题描述 页面上的count只会改变一次,即从0变为1 ...

  • useEffect

    副作用 对环境或全局变量的改变就是副作用,例如修改document.title,对自己state的改变不是副作用 ...

网友评论

      本文标题:useEffect的详细

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