小编dea*_*t32的帖子

如何使用 REDUX/RTK 查询删除项目后刷新页面?

我正在使用 RTK 查询从我的 api 获取数据,如下所示

    export const coinApi = createApi({
  reducerPath: 'coinApi',
  baseQuery: fetchBaseQuery({ baseUrl }),
  endpoints: (builder) => ({
    getCoins: builder.query({
      query: () => createRequest(`/watchlist`),
    })

  }),
});
Run Code Online (Sandbox Code Playgroud)

我像这样从我的桌子上删除一枚硬币

export const deleteCoin = (id) => async (dispatch, getState) => {


try {
    dispatch({
      type: COIN_DELETE_REQUEST,
    });

    await axios.delete(`/api/coins/watchlist/${id}`);

    dispatch({
      type: COIN_DELETE_SUCCESS,
    });
  } catch (error) {
    const message =
      error.response && error.response.data.message
        ? error.response.data.message
        : error.message;
    dispatch({
      type: COIN_DELETE_FAIL,
      payload: message,
    });
  }
};
Run Code Online (Sandbox Code Playgroud)

在我的前端组件中:我正在调用dispatch(deleteCoin(id));

删除功能正在运行,因为在我的数据库中它已被删除,但组件不会刷新,因此硬币仍然存在于 UI 上,除非我自己手动刷新页面。

我尝试从 …

reactjs redux rtk-query

5
推荐指数
1
解决办法
7218
查看次数

标签 统计

reactjs ×1

redux ×1

rtk-query ×1