在将新项目发布到数据库后刷新React Flatlist,可以通过以下步骤实现:
constructor(props) {
super(props);
this.state = {
projects: []
};
}
componentDidMount
,可以通过发送异步请求到后端API获取数据库中的项目数据,并更新组件的状态。你可以使用fetch
或axios
等库来发送HTTP请求。例如:componentDidMount() {
fetch('/api/projects')
.then(response => response.json())
.then(data => {
this.setState({ projects: data });
})
.catch(error => {
console.error('Error:', error);
});
}
上述代码假设后端API的地址为/api/projects
,返回的数据为JSON格式的项目列表。
componentDidMount
方法中将项目列表保存在组件的状态中。因此,当后端API返回更新后的项目列表时,可以通过调用setState
方法来更新组件的状态,触发React的重新渲染。例如:fetch('/api/projects')
.then(response => response.json())
.then(data => {
this.setState({ projects: data });
})
.catch(error => {
console.error('Error:', error);
});
总结起来,要在将新项目发布到数据库后刷新React Flatlist,你需要在前端组件中发送异步请求到后端API获取更新后的项目列表,并将其保存在组件的状态中。当后端API成功更新数据库并返回更新后的项目列表时,前端可以通过更新组件的状态来刷新React Flatlist。
领取专属 10元无门槛券
手把手带您无忧上云