javascript - React js状态更新问题

Question

我使用状态方法更新了状态，但一个代码确实返回未定义，而另一个代码正确可以帮助我解释我做错了什么

 const { title, fimg_url, content } = responseJson;
 this.setState({ title, fimg_url, content });
 this.setState({ data: responseJson });

在渲染中 this.state.data.title.rendered 返回未定义的警告，而 title.rendered 返回正确的 api 数据

Answer 1

每个 setState 调用都会产生不同的状态，您可能需要使用 Destructuring assignment在 responseJson.data 上，如下所示: this.setState({ ...responseJson.data });

// Each value reprensets an entry
this.setState({ title, fimg_url, content });
// state = { title: 'value', fimg_url: 'value', content: 'value' };


// responseJson is a value of `data` key
this.setState({ data: responseJson });
// state = { data: { title: 'value', fimg_url: 'value', content: 'value' }

// You may want to use:
this.setState({ ...responseJson.data });