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

fish_04818

已于 2024-07-23 09:47:00 修改

阅读量120

点赞数 1

CC 4.0 BY-SA版权

文章标签： react.js 前端前端框架 react

于 2024-07-23 09:46:28 首次发布

本文链接：https://blog.youkuaiyun.com/fish_04818/article/details/140626952

使用 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 请求方法
  }, []);

	// 其他代码 ...
}