createApi redux-toolkit中的日志

Question

我想知道怎样才能用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 I 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上没有这样的例子

我之所以这样做，是因为我的组件正在尝试调用此方法，但我甚至不确定它是否会到达此处！

Answer 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