删除数据后刷新列表 mui-datatables 中的数据未刷新

Question

我只是使用带有图标 onClick 事件的 delete API 删除了一个数据，之后，我只是简单地调用了我的列表 API 但列表没有更新，我必须刷新该页面或只需双击我的图标，然后列出呼叫更新。

当我调试我的代码时，我注意到 API 调用在删除成功消息后伴随着 304 的响应。

这仅发生在删除功能中。

这是代码。

图标

<i class="zmdi zmdi-delete zmdi-hc-lg" id={data._id} onClick={(e) => this.deletedata(e.target.id)}  ></i>

删除函数

 deletedata = (data) => {
        debugger;
        this.props.DeleteCity(data);<----Delete Api Call
        this.props.getcity();<----- Get Api Call 
    }

注：- 1. API 是在后端和前端的 Node 中使用 redux-saga 进行 API 调用。 2. 请注意，API 尚未上传到我在同一系统中借助跨环境设置使用它们的任何服务器。

Answer 1

它不会发生，因为它不是异步工作的。

 deletedata = async (data) => {
        debugger;
        await this.props.DeleteCity(data);<----Delete Api Call
        this.props.getcity();<----- Get Api Call 
    }

删除数据后刷新列表 mui-datatables 中的数据未刷新

Refreshing list After Deleting data Data is not refresh in mui-datatables

reactjs

redux-saga