我正在try 用RTK获取一些数据.Get方法工作正常.POST方法也有效,但不会改变数据.我还添加了用于自动提取的提供标记和失效标记,但仍然无法完成.

this is my store

import { configureStore } from "@reduxjs/toolkit"; 
import { verdeApiSlice } from "../features/verde/verde-slice"; 

export const store = configureStore({ 
  reducer: {
    [verdeApiSlice.reducerPath]: verdeApiSlice.reducer,
  },
  middleware: (getDefaultMiddleware) => {
    return getDefaultMiddleware().concat(verdeApiSlice.middleware);
  },
});

export const AppDispatch = store.dispatch;
export const RootState = store.getState;

this is slice

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
import { createSlice, PayloadAction } from "@reduxjs/toolkit";

export const verdeApiSlice = createApi({
  reducerPath: "verdeApi",
  baseQuery: fetchBaseQuery({
    baseUrl: "https://jsonplaceholder.typicode.com",
  }),
  tagTypes: ["Post"],
  endpoints(builder) {
    return {
      getPosts: builder.query({
        query: () => "/posts",
        providesTags: ["Post"],
      }),
      addPost: builder.mutation({
        query: (post) => ({
          url: `/posts`,
          method: "POST",
          body: post,
        }),
        invalidatesTags: ["Post"],
      }),
    };
  },
});

export const {
  useGetPostsQuery,
  useAddPostMutation,
} = verdeApiSlice;


export default verdeSlice.reducer;

And that is how i call addPost method

 const [addPost, { isLoading }] = useAddPostMutation();

 const handleClick = async (e) => {
    e.preventDefault();

    try {
      await addPost(post).unwrap();
      setPost(initialValue);
    } catch (error) {
      console.log("error", error);
    }
  };

推荐答案

如果你真的使用https://jsonplaceholder.typicode.com,这是正常的.这些公共模拟API接受POST请求,但它们总是返回静态数据--它们永远不会发生实际变化.

Reactjs相关问答推荐

404使用GitHub操作部署Next.js应用程序时出错

根据另一个Select中的选定值更改Select中的值

如何使Reaction Select 选项菜单从选项数组的特定索引开始

使用筛选器的Primereact DataTable服务器端分页?

错误./src/TopScroll.js 31:21-31导出';(作为';随路由导入)在';Reaction-Router-Dom';中找不到

Google Firestore无法读取图像-react

React Router:在没有手动页面刷新的情况下,路由不会更新内容

定位数组中的一项(React、useState)

使用 React + Vite 范围化 CSS

React-router动态路径

无法读取未定义的属性(读取值)...TypeError:无法读取未定义的属性(读取值)

运行 npm run build 出现问题

Primereact 的日历组件在每个月 12 日之后使用非唯一键生成

Select 项目后 Select HeadlessUI 组合框中的所有文本?

如何在 ReactJS 中提交后删除 URL 中的查询参数

react-router v6 中的 BrowserRouter 和 createBrowserRouter 有什么区别?我可以在不使用数据 API 的情况下使用 createBrowserRouter 吗?

react - 警告:列表中的每个子元素都应该有一个独特的 keys props ,即使我已经设置了 keys

如何将我的 ID 值传递给下一个组件?

在 Formik 表单中访问子组件的值

找不到元素 - 这是参考问题吗?