Javascript 从表/列表中动态删除项

Javascript 从表/列表中动态删除项,javascript,reactjs,Javascript,Reactjs,我有一个delete方法可以很好地工作,但是它不会动态地从列表中删除项目,而是需要我重新加载页面才能看到结果 删除方法 我的表格法 提供 关于如何使此表更具动态性的任何建议?您的deleteRevision方法只向后端发送删除请求,但不更新组件状态 您可以从数据中筛选出具有给定id的项 deleteRevision方法只向后端发送删除请求,但不更新组件状态 您可以从数据中筛选出具有给定id的项 您应该在删除后更改数据数组的状态 您应该在删除后更改数据数组的状态 从this.state.data中

我有一个delete方法可以很好地工作,但是它不会动态地从列表中删除项目,而是需要我重新加载页面才能看到结果

删除方法 我的表格法 提供 关于如何使此表更具动态性的任何建议?

您的deleteRevision方法只向后端发送删除请求,但不更新组件状态

您可以从数据中筛选出具有给定id的项

deleteRevision方法只向后端发送删除请求,但不更新组件状态

您可以从数据中筛选出具有给定id的项


您应该在删除后更改数据数组的状态

您应该在删除后更改数据数组的状态

从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);
);