Javascript 从表/列表中动态删除项
我有一个delete方法可以很好地工作,但是它不会动态地从列表中删除项目,而是需要我重新加载页面才能看到结果 删除方法 我的表格法 提供 关于如何使此表更具动态性的任何建议?您的deleteRevision方法只向后端发送删除请求,但不更新组件状态 您可以从数据中筛选出具有给定id的项 deleteRevision方法只向后端发送删除请求,但不更新组件状态 您可以从数据中筛选出具有给定id的项Javascript 从表/列表中动态删除项,javascript,reactjs,Javascript,Reactjs,我有一个delete方法可以很好地工作,但是它不会动态地从列表中删除项目,而是需要我重新加载页面才能看到结果 删除方法 我的表格法 提供 关于如何使此表更具动态性的任何建议?您的deleteRevision方法只向后端发送删除请求,但不更新组件状态 您可以从数据中筛选出具有给定id的项 deleteRevision方法只向后端发送删除请求,但不更新组件状态 您可以从数据中筛选出具有给定id的项 您应该在删除后更改数据数组的状态 您应该在删除后更改数据数组的状态 从this.state.data中
您应该在删除后更改数据数组的状态 您应该在删除后更改数据数组的状态 从this.state.data中删除元素之后,必须将新数据设置为state,而不删除元素 有点像:
this.setStete((prevState) => {
data: prevState.data.filter(item => item.id !== id);
);
从this.state.data中删除元素之后,必须将新数据设置为state,而不删除元素
有点像:
this.setStete((prevState) => {
data: prevState.data.filter(item => item.id !== id);
);
render() {
return (
<div>
{this.finishedRevisionsList()}
</div>
)
}
deleteRevision = id => {
axios.delete("http://localhost:8080/lagbevakning/revision/delete?id=" + id);
this.setState(({ data }) => ({
data: data.filter(item => item.id !== id)
}));
}
this.setStete((prevState) => {
data: prevState.data.filter(item => item.id !== id);
);