Как я могу получить доступ к значениям внутри этого объекта, возвращаемым из вызова API

Question

Изображение с console.log

Я хочу получить доступ и распечатать информацию об объекте «Hit»

это мой код:

export async function fetchData(searchValue) {
    await fetch(`https://api.edamam.com/search?q=${searchValue}&app_id=${apiId}&app_key=${apiKey}`)
        .then(response => response.json())
        .then((res) => {return res;});
}

Answer 1

Если вы хотите вернуть данные непосредственно из этой функции, используйте

export async function fetchData(searchValue) {
  return await fetch(
    `https://api.edamam.com/search?q=${searchValue}&app_id=${apiId}&app_key=${apiKey}`
  )
    .then((response) => response.json());
}

Теперь при вызове метода либо используйте async / await, либо .then для регистрации

// async/await (inside of an async function)
const result = await fetchData('something');
console.log(result.hits);

// `.then`
fetchData('something').then(result => console.log(result.hits));