React Native中如何将数组数据逐条发送到API接口

现有代码的核心问题 #

• 未处理异步返回：fetch 是基于 Promise 的异步 API，你现有代码没有调用 .then() 或者搭配 await 读取响应结果，自然拿不到返回数据
• 语法不完整：给出的代码片段里 fetch 调用没有闭合括号，for 循环也缺少闭合的花括号，运行时会直接抛出语法错误，请求根本不会发送
• 缺少错误捕获：没有添加异常捕获逻辑，就算请求因为跨域、鉴权失败、参数错误等原因报错，你也看不到相关提示
• 并发限制风险：循环同步发起多个异步请求，可能触发浏览器同源并发限制，或者被服务端的频率拦截规则拦截

修复建议 #

方案1：串行发送请求（适合避免触发服务端限流场景） #

// 确认你的目标数组正确赋值
const getBrandNameById2 = [292929282,372828272,9822922,82729292];
// 把逻辑包在async函数里用await
async function fetchAllBrands() {
  // 先确认accessToken已正确赋值
  if (!accessToken) return console.error('accessToken 未初始化');
  const results = [];
  for (let i = 0; i < getBrandNameById2.length; i++) {
    try {
      const response = await fetch('替换为你的实际API地址', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Authorization: `Bearer ${accessToken}`,
        },
        body: JSON.stringify({
          brandid: getBrandNameById2[i],
        }),
      });
      // 检查HTTP状态码是否正常
      if (!response.ok) throw new Error(`请求错误，状态码：${response.status}`);
      // 解析响应JSON（如果接口返回的是其他格式对应调整，比如text()）
      const data = await response.json();
      results.push({ brandid: getBrandNameById2[i], data });
      console.log(`brandid ${getBrandNameById2[i]} 的返回结果：`, data);
    } catch (err) {
      console.error(`brandid ${getBrandNameById2[i]} 请求失败：`, err);
    }
  }
  console.log('所有请求处理完成，全部结果：', results);
}
// 调用函数执行
fetchAllBrands();

方案2：并行发送请求（适合请求量小、服务端无并发限制场景） #

const getBrandNameById2 = [292929282,372828272,9822922,82729292];
async function fetchAllBrandsParallel() {
  if (!accessToken) return console.error('accessToken 未初始化');
  const requestList = getBrandNameById2.map(async (brandid) => {
    try {
      const response = await fetch('替换为你的实际API地址', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Authorization: `Bearer ${accessToken}`,
        },
        body: JSON.stringify({ brandid }),
      });
      if (!response.ok) throw new Error(`状态码：${response.status}`);
      return { brandid, data: await response.json() };
    } catch (err) {
      return { brandid, error: err.message };
    }
  });
  const results = await Promise.all(requestList);
  console.log('全部请求结果：', results);
}
fetchAllBrandsParallel();

额外检查项 #

• 确认代码中的 'URL' 占位符已经替换为实际可用的 API 接口地址
• 确认 accessToken 已经完成赋值，且权限符合接口要求
• 打开浏览器开发者工具的「网络」面板，查看请求是否正常发送，有没有跨域、401、400、500等错误提示

内容的提问来源于stack exchange，提问作者user14877357