useEffect中的函数会执行2次原因

一、useEffect介绍

        useEffect是React18的新特性,表示React的生命周期Hooks组件。等价于Claas组件的componentDidMount、componentDidUpdate,useEffect的返回函数等价于componentWillUnmount。(组件卸载、重新挂载都会触发这个函数,组件渲染之后执行此函数,类似于window.onload )

【1】仅在开发模式下,且使用了严格模式("Strict Mode")下会触发。生产环境模式下和原来一样,仅执行一次。
【2】之所以执行两次,是为了模拟立即卸载组件重新挂载组件。为了帮助开发者提前发现重复挂载造成的 Bug 的代码。

        

你可能感兴趣的:(React,前端,javascript,react.js)