主页 / coding / 问题

问题[rtk-query](coding)

Martin Hope
jukenduit
Asked: 2024-03-27 19:23:27 +0800 CST
  • 4

我的useGetProductsQuery由于某种原因没有被认可。

产品ApiSlice.js

import { PRODUCTS_URL } from "../constants";
import { apiSlice } from "./apiSlice";

export const productsApiSlice = apiSlice.injectEndpoints({
    endpoints: (builder) => ({
        getProducts: builder.query({
            query: () => ({
                url: PRODUCTS_URL,
            }),
            keepUnusedDataFor: 5,
        }),
    }),
});

export const { useGetProductsQuery } = productsApiSlice;

成分：

import { useGetProductsQuery } from "../slices/productsApiSlice";

function HomeScreen() {
    const { data: products, isLoading, error } = useGetProductsQuery();

    return (
        <div className="row">
            {isLoading ? (
                <h2>Loading...</h2>
            ) : error ? (
                <div>{error?.data?.message || error.error}</div>
            ) : (
                <p>test</p>
            )}
        </div>
    );
}

我收到以下错误：

    (0 , _slices_productsApiSlice__WEBPACK_IMPORTED_MODULE_0__.useGetProductsQuery) is not a function
TypeError: (0 , _slices_productsApiSlice__WEBPACK_IMPORTED_MODULE_0__.useGetProductsQuery) is not a function
rtk-query
Martin Hope
Alex_K
Asked: 2024-01-16 04:34:32 +0800 CST
  • 4

我想知道是否可以使用 RTK 查询来定位 POST 端点。我必须调用 REST 端点来获取数据，但它只接受正文和 POST 请求...我设法使用突变来做到这一点，但问题是我没有找到一种方法来避免使用缓存多次调用 API（调用是在组件安装时触发的 React useEffect 中）。基本上，我想在查询参数不更改时调用此 POST 端点并使用缓存。

rtk-query