💡
原文中文，约2700字，阅读约需7分钟。
📝
内容提要
useEffect 是 React 中的钩子，用于组件挂载和卸载时执行操作，清除副作用，避免重复绑定。它可用于获取初始值、监听数据变化，并处理异步数据初始化。通过 useRef，可以在 useEffect 中访问 DOM 元素，确保数据变化时更新页面。
🎯
关键要点
- useEffect 是 React 中最常用的钩子之一，用于组件挂载和卸载时执行操作。
- useEffect 可以在组件挂载时执行一次，并在组件销毁时清除副作用。
- 可以使用 useEffect 实现定时器和事件监听，并在组件卸载时取消它们。
- 在自定义表单组件中，useEffect 可用于处理异步数据初始化。
- 可以通过标记来跳过第一次执行 useEffect 的回调函数，只监听依赖项的变化。
- useEffect 中可以获取真实的 DOM 元素，确保在异步数据获取后正确渲染。
- 使用 useEffect 可以实现清除副作用、获取初始值、监听数据变化和获取 DOM 元素等功能。
➡️
