React22Hooks钩子之useEffect

  • useEffect---副作用处理钩子
    • 数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以成为副作用。而useEffect就是为了处理这些副作用而生的。
    • useEffect也是componentDidMount、componentDidUpdate和componentWillUnmount这几个生命周期方法的统一
  • useEffect的基本使用如下所示
            
    • callback可以返回一个函数，用作清理
                
    • array（可选参数）：数组，用于控制useEffect的执行
                    * 分三种情况
                        《1》空数组，则只会执行一次（即初次渲染render），相当于componentDidMount
                        《2》非空数组，useEffect会在数组发生变化后执行
                        《3》不填array这个数组，useEffect每次渲染都会执行
  • 完整使用例子如下所示：
        
 
注：useEffect钩子的callback函数里面return的内容只有在useEffect第二个参数是个空数组的时候，才会只在组件卸载的时候执行return的内容，实现组件卸载后的清除的功能。
 
posted @ 2020-01-05 23:03  Godfi  阅读(463)  评论(0)  编辑  收藏  举报