React hooks useEffect 仅在更新时

React Hooks 是 React 16.8 版本中引入的一个新特性，它可以让我们在无需编写类组件的情况下使用状态和其他 React 特性。其中一个非常实用的 Hook 是 useEffect，它可以在函数式组件中模拟类组件的生命周期钩子函数，让我们可以在组件渲染完成后执行副作用操作。

javascript
import React, { useEffect } from 'react';
function App() {
  useEffect(() => {
    const handleClick = () => {
      console.log('Button clicked!');
    };
    
    document.addEventListener('click', handleClick);
    
    return () => {
      document.removeEventListener('click', handleClick);
    };
  }, []);
  
  return (
    
      Click me
    
  );
}
export default App;

javascript
import React, { useState, useEffect } from 'react';
function App() {
  const [count, setCount] = useState(0);
  
  useEffect(() => {
    console.log('Count updated:', count);
  }, [count]);
  
  return (
    
      
Count: {count}
       setCount(count + 1)}>Increase
    
  );
}
export default App;