Reactjs 如何通过TEK查询将对象传递到Express后台

const initialState = {
    searchTerm: "",
    category: "all",
};
...

getRecipes: builder.query({
            query: (filter) => ({
                url: "/api/recipes",
                params: { filter },
            }),
            providesTags: ["Recipes"],
        }),

const filter = useSelector((state) => state.filter);
console.log(filter); // {searchTerm: '', category: 'all'}

const {
        data: recipes,
        error,
        isLoading,
    } = useGetRecipesQuery({
        searchTerm: filter.searchTerm,
        category: filter.category,
    });

... 
= useGetRecipesQuery({
        ...filter
    });

= useGetRecipesQuery(filter);

console.log(req.query.filter.searchTerm, req.query.filter.category);

getRecipes: builder.query({
  query: (filter) => ({
    url: "/api/recipes",
    params: filter, // { searchTerm: '', categ或y: 'all' }
  }),
  providesTags: ["Recipes"],
}),

getRecipes: builder.query({
  query: (filter) => ({
    url: "/api/recipes",
    params: { ...filter }, // { searchTerm: '', categ或y: 'all' }
  }),
  providesTags: ["Recipes"],
}),

getRecipes: builder.query({
  query: (filter) => ({
    url: "/api/recipes",
    params: {
      searchTerm: filter.searchTerm,
      categ或y: filter.categ或y,
    }, // { searchTerm: '', categ或y: 'all' }
  }),
  providesTags: ["Recipes"],
}),

console.log(req.query.searchTerm, req.query.categ或y);

Reactjs相关问答推荐

如何使用React Router创建响应式主详细信息应用程序？

客户端组件中服务器组件的两难境地

使用Reaction钩子窗体验证可选字段

生成Reaction Vite应用程序的停靠容器时无法识别环境变量

不同步渲染

Redux工具包-useSelector如何通过Reducer引用InitialState？

左边框不在图表中显示

根据处于react 状态的数组的名称键，将新对象添加到嵌套的对象数组中

StrictMode+SetInterval=双重渲染(即使使用useEffect清理)

useEffect firebase 清理功能如何工作？

通过createRoot创建的React元素无法调用Provider值

MERN，将动态列表中的元素插入数组

在 React 中将 MUI 样式外包到单独的文件中？

useEffect内部的RETURN语句在首次按钮点击事件中似乎无效的原因是什么？

React - 如何重定向页面以显示数据修改？

无法在react 中向表中添加行

如何防止开发人员使用 ESLint 在 React 项目中使用特定的钩子？

我收到Uncaught TypeError： props.handleSelect is not a function

react-markdown 不渲染 Markdown

在 Reactjs 中状态发生变化时渲染一个新组件而不替换旧组件