ReactJS函数调用返回undefined问题（函数本身有返回值）

问题重现 #

客户端调用代码 #

export async function verifyImage (image ) {
  const data = new FormData();
  ...
    
  let moderated;
        
  await verifyImage (image).then(function (response) {
    moderated = response;
  });
        
  console.log(moderated); // 始终输出undefined
}

函数实现代码 #

await axios({
  method: 'post',
  url:'https://api.someapi.com/1.0/check.json',
  data: data,
  headers: { 'Content-Type': 'multipart/form-data' },
})
.then(function (response) {
  // 成功时处理响应
  console.log("resp in moderate pics")
  console.log(sendVerifyResponse (response.data)) // 能输出正确值
  const moderated = sendVerifyResponse (response.data);
  return moderated;
})
.catch(function (error) {
  // 处理错误
  if (error.response) console.log(error.response.data);
  else console.log(error.message);
  return false;
});

问题原因 #

1. 客户端递归调用逻辑错误：verifyImage函数内部又调用了自身，形成无限递归，且原函数没有返回值，await后自然拿到undefined。
2. 函数实现未传递返回值：外层的await axios(...)没有被作为函数返回值抛出，即使then回调里return moderated，这个值也只在回调内部生效，不会传递到外层函数的返回值，导致整个函数默认返回undefined。

修复方案 #

修复客户端调用代码 #

移除递归调用，直接等待目标异步函数的返回值：

export async function verifyImage(image) {
  const data = new FormData();
  // ... 填充FormData的逻辑
  
  // 调用实际处理请求的函数（避免命名冲突）
  const moderated = await verifyImageRequest(image);
  console.log(moderated); // 现在能拿到正确值
}

修复函数实现代码 #

改用try/catch替代then/catch，确保函数返回处理后的结果：

async function verifyImageRequest(image) {
  const data = new FormData();
  // ... 填充FormData的逻辑
  
  try {
    const response = await axios({
      method: 'post',
      url:'https://api.someapi.com/1.0/check.json',
      data: data,
      headers: { 'Content-Type': 'multipart/form-data' },
    });
    console.log("resp in moderate pics");
    const moderated = sendVerifyResponse(response.data);
    return moderated; // 将处理后的值作为函数返回值
  } catch (error) {
    if (error.response) console.log(error.response.data);
    else console.log(error.message);
    return false; // 错误时返回false
  }
}

核心修复点 #

• 避免函数内部递归调用自身，确保调用的是实际处理请求的异步函数。
• 利用async/await的try/catch语法统一处理成功和错误场景，确保外层函数返回正确的结果值。

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