useEffect的使用

1、useEffect返回一个回调函数用来清除上一次副作用遗留下来的状态

2、useEffect第二个参数是一个数组

(1) 如果不传第二个参数，组件每次render时都会调用, 相当于componentDidMount和componentDidUpdate

(2) 如果第二个参数为空数组，只会调用一次，相当于componentDidMount和componentWillUnmount

(3) 如果数组中包含变量，只有当这些变量发生变化时才会执行useEffect

function Index(){
    // 1、useEffect返回一个回调函数用来清除上一次副作用遗留下来的状态
    // 2、useEffect第二个参数是一个数组
    //     (1)如果不传第二个参数，组件每次render时都会调用, 相当于componentDidMount和componentDidUpdate
    //     (2)如果第二个参数为空数组，只会调用一次，相当于componentDidMount和componentWillUnmount
    //     (3)如果数组中包含变量，只有当这些变量发生变化时才会执行useEffect
    useEffect(()=>{
        console.log('useEffect => 你进来了 Index');
        return ()=>{
            console.log('useEffect => 你出去了 Index');
        }
    },[])
    return <h2>liumeiling.com</h2>
}

标签：Index,componentDidMount,第二个,参数,数组,使用,useEffect
来源： https://blog.csdn.net/cake_eat/article/details/120685229