小编ari*_*man的帖子

Redux RTK 不会自动生成反应钩子

找不到任何关于此的信息来解释为什么它不生成以及如何强制它重新生成这些钩子。

首先,我认为我必须运行该应用程序才能使其正常工作,所以我也这么做了yarn start

我最终手动将它们添加到底部导出中,它应该根据文档自动生成。我在这里关注这个评论。

挂钩是根据服务定义中端点的名称自动生成的。带有 getPost: builder.query() 的端点字段将生成一个名为 useGetPostQuery 的钩子。

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

// Define a service using a base URL and expected endpoints
export const pokemonApi = createApi({
  reducerPath: 'pokemonApi',
  baseQuery: fetchBaseQuery({ baseUrl: 'https://pokeapi.co/api/v2/' }),
  endpoints: (builder) => ({
    getPokemonByName: builder.query<Pokemon, string>({
      query: (name) => `pokemon/${name}`,
    }),
    getMyNewCustomEndpoint: builder.query<Pokemon, string>({
      query: (name) => `pokemon/${name}`,
    }),
  }),
})
// Export hooks for usage in functional components, …
Run Code Online (Sandbox Code Playgroud)

react-hooks redux-toolkit

9
推荐指数
2
解决办法
4375
查看次数

标签 统计

react-hooks ×1

redux-toolkit ×1