【React深入】从Mixin到HOC再到Hook

留意，假如加上赏识器渲染的环境，功效应该是这样的：

页面渲染...1  
 执行... 1  
 页面渲染...2  
 整理... 1  
 执行... 2  
 页面渲染...3  
 整理... 2  
 执行... 3  
 页面渲染...4  
 整理... 3  
 执行... 4 

那么为什么在赏识器渲染完后，再执行整理的要领还能找到前次的state呢？缘故起因很简朴，我们在useEffect中返回的是一个函数，这形成了一个闭包，这能担保我们上一次执行函数存储的变量不被烧毁和污染。

你可以实行下面的代码也许更好领略 

var flag = 1;  
    var clean;  
    function effect(flag) {  
      return function () {  
        console.log(flag);  
      }  
    }  
    clean = effect(flag);  
    flag = 2;  
    clean();  
    clean = effect(flag);  
    flag = 3;  
    clean();  
    clean = effect(flag);  
    // 执行功效  
    effect... 1  
    clean... 1  
    effect... 2  
    clean... 2  
    effect... 3 

模仿componentDidMount

componentDidMount等价于useEffect的回调仅在页面初始化完成后执行一次，当useEffect的第二个参数传入一个空数组时可以实现这个结果。

function useDidMount(callback) {  
  useEffect(callback, []);  
} 

官方不保举上面这种写法，由于这有也许导致一些错误。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!