使用 useRef 来限制 react hooks 请求次数的案例

使用 useRef 来限制 react hooks 请求次数的案例

此方案在真实产品线上环境验收可靠稳定

import { useEffect, useRef } from 'react';

export default App() {
  const hasFetched = useRef(false);

  useEffect(() => {
    if (hasFetched.current) {
      return;
    }
    hasFetched.current = true;
    fetchData(); // 你的异步 action 请求方法
  }, []);

	// 其他代码 ...
}