useEffect JavaScript · React 框架

React 框架的函数（不是 JavaScript 语法本身）：告诉 React「组件渲染完后，顺手帮我执行这个函数」，常用来取数据、设定时器。

怎么用

useEffect(() => {
  ...
}, [依赖]);

小例子

useEffect(() => {
  fetch('/api/user')
    .then(res => res.json())
    .then(data => setUser(data));
}, []);

效果

组件出现后自动请求一次 /api/user 并把结果存起来

提醒：第二个参数 [ ] 表示只在第一次渲染后执行一次；不写则每次渲染后都执行。

官方文档：https://react.dev/reference/react/useEffect