在reactjs中等待完成[duplicate]

Question

在我的反应组件中，我将数据从超文本传输协议加载到表中。

当我删除一条记录时，我在后端执行删除，并在响应中再次调用读取表数据。有时删除的行不会从GUI中的表中删除。我认为需要等待，直到删除执行，以便我获取表数据，只有当我知道行被删除。

我的删除功能：

handleBtnClick_RecordDeletion(e) {
    this.httpDeleteJson(this.state.ip + /delete?id=" + e.name);
    alert("Row deleted Successfully");
    this.setState({ lastDeletedRow: e.name })
    this.httpGetAll(this.state.moduleName, this);
}

Answer 1

尝试在setState之后使用回调，如下所示：

this.setState({ lastDeletedRow: e.name }, ()=>{
     this.httpGetAll(this.state.moduleName, this);
});

解释：

setState（）不会立即改变this.state，但会创建挂起的状态转换。调用此方法后访问this.state可能会返回现有值。无法保证对setState调用的同步操作，并且可能会对调用进行批处理以提高性能。

资料来源：https://vasanthk.gitbooks.io/react-bits/patterns/19.async-nature-of-setState.html

另外，重复标记中也有有用的参考