React/Redux多组件多Reducer配置Store报错：无效Hook调用

我需要创建一个可对接多组件的Redux Store，已编写3个不同的slice并尝试与Store建立关联。当我按以下代码挂载三个reducer时：

export const store = configureStore({
  reducer : {
    home : homeSlice,
    about : aboutSlice,
    review : reviewSlice,
  },
});

出现如下错误提示：

无效的Hook调用。Hook只能在函数组件的内部调用。

解决办法 #

• 检查你的三个slice文件，绝对不能在slice定义里调用任何React Hook（比如useState、useEffect、useSelector）。Redux slice属于纯状态逻辑层，只能使用Redux自身的API（如createSlice、createAsyncThunk），不能混入React Hook代码。
• 确认你在编写slice的reducer、extraReducers或者切片初始化逻辑时，有没有误将组件中的Hook代码移到了slice文件里——这是最常见的触发该错误的原因。
• 正确的分工：slice只负责定义状态结构、同步reducer、异步请求逻辑；所有React Hook都只能在React函数组件或自定义Hook内部使用。

内容的提问来源于stack exchange，提问作者Metgher Andrei