未捕获的引用错误:get未定义rkt查询redux工具包

yhxst69z  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(116)

我尝试使用redux工具包的rkt查询运行简单的api切片,但我总是得到这个错误:未捕获的引用错误:get未定义,不确定是bug还是我做错了什么

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'

export const jokesApi = createApi({
    reducerPath: 'jokesApi',
    baseQuery: fetchBaseQuery({
      baseUrl: 'https://official-joke-api.appspot.com/jokes/',
    }),
    endpoints: (builder) => ({
      getJokeByType: builder.query({
        query: (type) => `${type}/random`,
      }),
    }),
  });

  export const { useGetJokeByTypeQuery } = jokesApi;

我的应用程序. js

import {useGetJokeByTypeQuery } from './ApiSlice'

const App = () => {

  const {
    data,
    isLoading,
    isSuccess,
    isError,
    error
} = useGetJokeByTypeQuery('programming')

  return (
    <div>
      <button onClick={get}>click here</button>
    </div>
  )
}

export default App

错误:

Uncaught ReferenceError: get is not defined
    at App (App.js:15:1)
    at renderWithHooks (react-dom.development.js:16305:1)
    at mountIndeterminateComponent (react-dom.development.js:20074:1)
    at beginWork (react-dom.development.js:21587:1)
    at beginWork$1 (react-dom.development.js:27426:1)
    at performUnitOfWork (react-dom.development.js:26557:1)
    at workLoopSync (react-dom.development.js:26466:1)
    at renderRootSync (react-dom.development.js:26434:1)
    at recoverFromConcurrentError (react-dom.development.js:25850:1)
    at performConcurrentWorkOnRoot (react-dom.development.js:25750:1)
8ulbf1ek

8ulbf1ek1#

您的应用中的这一行使用了名为get的变量,但您并未编写任何实际定义该变量的代码:

<button onClick={get}>click here</button>

相关问题