异步 Function 调用时返回未定义

Question

I'm Having some trouble with this function on a React project

let fetchData = async (event, imagen) => {
    const apiURL = `https://some_api_call/${imagen}`;
    await axios.get(apiURL).then((response) => {
      console.log(response.data.Imagen1.data);
      return response.data.Imagen1.data;
    });

When i call it the Console.log returns Undefined but the console log above returns the data

fetchData(event, rowData.Codigo).then(function (response) {
console.log(response);
});

Answer 1

let fetchData = async (event, imagen) => {
    const apiURL = `https://some_api_call/${imagen}`;
    return await axios.get(apiURL);
}
fetchData(event, rowData.Codigo).then(function (response) {
    console.log(response);
});

Answer 2

Your fetchData function has no return statement. You probably don't want to use then when there is await :

async function fetchData(event, imagen) {
  const apiURL = `https://some_api_call/${imagen}`;
  const response = await axios.get(apiURL)
  console.log(response.data.Imagen1.data);
  return response.data.Imagen1.data;
}