在React的世界里，`useEffect`是一个非常强大的工具，它帮助我们处理副作用（side effects）。简单来说，`useEffect`就是让你的组件在渲染后执行某些操作，比如数据获取、订阅事件或手动修改DOM。

🎯 基础用法

`useEffect`接收两个参数：一个回调函数和一个依赖数组。回调函数会在每次组件渲染完成后执行，除非依赖数组为空（`[]`），这时它只会在组件首次加载时运行。例如：

```jsx

useEffect(() => {

console.log('组件已挂载');

}, []);

```

🔄 清理机制

有时候我们需要在组件卸载前做一些清理工作，比如取消定时器或移除事件监听。`useEffect`可以返回一个清理函数来实现这一点：

```jsx

useEffect(() => {

const intervalId = setInterval(() => {

console.log('计时中...');

}, 1000);

return () => clearInterval(intervalId);

}, []);

```

💡 灵活运用

通过调整依赖数组，可以让`useEffect`根据特定条件触发。比如当某个状态变化时重新执行：

```jsx

const [count, setCount] = useState(0);

useEffect(() => {

console.log(`count changed to ${count}`);

}, [count]);

```

掌握`useEffect`，就像拥有了魔法棒，能让你的React应用更加灵动！💫