在API调用完成之后以及组件呈现之前如何更新状态

Question

我有一个函数，该函数调用API来获取项目，然后将该对象数组存储在状态变量“数据”中。但是变量没有更新。在记录时，它显示一个空数组。在记录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));
}