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

useEffect要领吸取传入两个参数：

•  1.回调函数：在第组件一次render和之后的每次update后运行，React担保在DOM已经更新完成之后才会运行回调。
•  2.状态依靠(数组)：当设置了状态依靠项后，只有检测到设置的状态变革时，才会挪用回调函数。 

useEffect(() => {  
   // 只要组件render后就会执行  
 });  
 useEffect(() => {  
   // 只有count改变时才会执行  
 },[count]); 

回调返回值

useEffect的第一个参数可以返回一个函数，当页面渲染了下一次更新的功效后，执行下一次useEffect之前，会挪用这个函数。这个函数经常用来对上一次挪用useEffect举办整理。

export default function HookTest() {  
  const [count, setCount] = useState(0);  
  useEffect(() => {  
    console.log('执行...', count);  
    return () => {  
      console.log('整理...', count);  
    }  
  }, [count]);  
  return (  
    <div>  
      <p>You clicked {count} times</p>  
      <button onClick={() => { setCount(count + 1); setNumber(number + 1); }}>  
        Click me  
        </button>  
    </div>  
  );  
} 

执行上面的代码，并点击屡次按钮，会获得下面的功效：

（编辑：湖南网）

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