Как передать массив из Promise в useState?

Question

[CHtommy]

Познакомился с promise и я так понимаю есть альтернатива async\await и немного не понимаю, как значение вытаскивать из promise, если я использую например api (axios) для get-запроса.
Исходя из моего опыта - я получаю массив данных внутри .then и использовать я могу лишь внутри него? или я могу передать значение в useState?
Немного запутался с выводом значения, помогите

const [dataItem, setDataItem] = useState([])

const getDataItem = new Promise((resolve) => {
    setTimeout(() => {
      axios.get('https://1111111111111111111111111.mockapi.io/api/v1/food/') 
      .then(function(response) {
        resolve(response)
      })
    }, 300)
})
getDataItem.then((data)=> setDataItem(data))

console.log(dataItem)

Answer 1

[GlazOtca]

Используйте хук useEffect для запросов и сайд эффектов