Ant Design Pro增删改后更新列表数据的问题

Ant Design Pro V4 版本,在使用mock的时候增删改后可以自动刷新列表数据,但是接入服务器接口之后就不能自动刷新了,而是提示列表无数据。

想要自动刷新列表,需要在增删改之后添加刷新的代码。

如下:

handleUpdate = (fields: FormValsType) => {
  const { dispatch } = this.props;
  dispatch({
    type: "role/update",
    payload: {
      name: fields.name,
      dispaly_name: fields.dispaly_name,
      description: fields.description,
      key: fields.key,
    },
    // 刷新列表的要放在callback里,不然会出现刷不出内容的情况。
    callback: () => {
        dispatch({
            type: "role/fetch",
        });
    }
  });
  
  message.success("操作成功");
  this.handleUpdateModalVisible();
};

update完了要再fetch一次。

-完-

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据