Как обновить состояние после завершения вызова API и до отображения компонента

Question

У меня есть функция, которая выполняет вызов API для извлечения элемента, а затем сохраняет этот массив объектов в переменной состояния «data». Но переменная не обновляется. При ведении журнала он показывает пустой массив. При регистрации результата вызова API я получаю требуемый ответ. Это означает, что я получаю данные из вызова, но просто не могу поместить их в мою переменную «data».

Вот функция

componentWillMount(){
    window.scrollTo(0,0);
    const itemId = parseInt(this.state.id);
    Axios.get(`http://localhost:5000/item/getitem/${itemId}`)
    .then(res => {
        this.setState({
            data: res.data
        })
    })
    .catch(err => console.log(err));
}