React Native中无法从async函数获取数据问题求助

你的问题核心是async函数本身会返回一个Promise，直接调用它拿到的就是Promise对象，必须通过await或者.then()来提取内部的返回值。另外你的函数写法存在逻辑冗余（混合await和.then()），且错误处理不够严谨，导致内部console.log无法正常输出数据。

第一步：重构getStock函数 #

将混合的异步写法改为纯await风格，同时完善错误处理逻辑：

async function getStock(productId, erp_code) {
  try {
    const response = await fetch(`${GET_STOCK}${productId}`, requestOptions);
    const result = await response.json();
    const itemsStock = result[erp_code][0].LotQTY;
    console.log(itemsStock); // 现在能正常打印库存数据
    return itemsStock;
  } catch (error) {
    console.log('error', error);
    // 可根据需求返回默认值，或抛出错误让外部处理
    return 0; // 示例：返回默认库存0，避免外部拿到undefined
    // 若需要外部处理错误，可替换为：throw error;
  }
}

这种写法逻辑更清晰，能确保请求或解析出错时，不会让返回值处于未定义状态。

第二步：正确调用函数 #

因为getStock是async函数，调用时必须通过以下两种方式获取实际库存数据：

方式1：在async函数内使用await

如果是在另一个异步函数中调用，直接用await提取值：

async function loadProductDetail(productId, erp_code) {
  const stock = await getStock(productId, erp_code);
  // 这里可直接使用库存数据渲染详情页
  document.getElementById('stock-display').textContent = `库存：${stock}`;
}

方式2：使用.then()处理Promise

如果无法在async函数中调用（比如全局作用域），用.then()链式处理：

getStock('target-product-id', 'target-erp-code')
  .then(stock => {
    // 在这里使用库存数据更新详情页
    console.log('当前库存：', stock);
  })
  .catch(error => {
    console.log('获取库存失败：', error);
  });

原函数内部console.log失效的原因 #

原写法中，若fetch请求或JSON解析出错，会进入.catch()分支，但此时itemsStock未被赋值，仍为初始的undefined，所以console.log无法输出有效数据。重构后的try/catch能明确捕获错误，避免这种情况。

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