如何在React Js中收到身份验证令牌之前阻止fetch请求？

// 自定义fetch函数
const customFetch = async (url, options) => {
  // 检查是否存在身份验证令牌
  const token = localStorage.getItem('token');
  
  // 如果存在身份验证令牌，则将其添加到请求头中
  if (token) {
    options.headers = {
      ...options.headers,
      Authorization: `Bearer ${token}`,
    };
  }
  
  // 发送请求
  const response = await fetch(url, options);
  
  // 处理身份验证失败的情况
  if (response.status === 401) {
    // 执行身份验证失败的处理逻辑，例如跳转到登录页面
    window.location.href = '/login';
  }
  
  return response;
};

// 使用自定义的fetch函数发送请求
customFetch('/api/data', {
  method: 'GET',
})
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
    console.log(data);
  })
  .catch(error => {
    // 处理请求错误
    console.error(error);
  });