使用RTK Query时出现useGetScenarioData不是函数的报错求助

问题根源 #

你导入的createApi来自@reduxjs/toolkit/query通用核心包，它不会自动生成React Hooks；只有从@reduxjs/toolkit/query/react这个React绑定版本导入的createApi，才会为定义的endpoint生成对应的useXXXQuery钩子函数。

修复步骤 #

1. 修正apiScenarioSlice.js中的导入语句
   将原有分开的导入统一改为从React绑定包引入：

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

export const apiSlice = createApi({
  baseQuery: fetchBaseQuery({ baseUrl: 'http://localhost:3001/api' }),
  endpoints: (builder) => ({
    getScenarioData: builder.query({
      query: () => '/fetchdata/Scenario',
    }),
  }),
});

export const { useGetScenarioData } = apiSlice;

2. 重启开发服务器
   Webpack缓存可能导致代码更新不生效，重启服务器确保新的导入逻辑生效。

额外排查点 #

• 确认Scenario是函数式组件，RTK Query钩子仅支持在函数组件或自定义钩子中使用（你的代码符合要求）
• 检查store.js中是否正确注册了apiSlice的reducer和middleware（你的配置无误）
• 确认应用已被Provider正确包裹（你的index.js已完成此操作）
• 若问题仍存在，尝试升级@reduxjs/toolkit到最新稳定版本，规避版本兼容问题

内容的提问来源于stack exchange，提问作者Bhasker Kumar