在 createApi redux-toolkit 中记录答案

【问题标题】：Logging within createApi redux-toolkit在 createApi redux-toolkit 中记录
【发布时间】：2021-11-21 05:51:34
【问题描述】：

我想知道如何使用 in 添加 console.log

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}`,
    }),
  }),
})

这样当组件调用 getPokemonByName 时，它应该 console.log('Hello I am here!')

我在下面尝试过，但不工作并且有编译错误..

  getPokemonByName: builder.query<Pokemon, string>({
   query: (name) => {`pokemon/${name}`, **console.log('Hello I am here!')**}
    }),

没有这方面的例子 https://redux-toolkit.js.org/rtk-query/api/createApi

我想这样做是因为我的组件正在尝试调用此方法，但我不确定它是否到达这里！

【问题讨论】：

标签： javascript reactjs redux-toolkit rtk-query

【解决方案1】：

应该是

  getPokemonByName: builder.query<Pokemon, string>({
   query: (name) => {
       console.log('Hello I am here!')
       return `pokemon/${name}`
     },
   }),

但您可能更应该使用 Redux Devtools。

Redux Devtools 的新 alpha 版甚至支持 RTK 查询：https://chrome.google.com/webstore/detail/redux-devtools-next/oamphgegmigmlgkdnijmeomjenbmkbdg

【讨论】：