与来自不同组件的多个减速器一起存放.React/Redux

Question

我有一个需要连接到不同组件的存储。我创建了3个不同的切片，并希望与商店建立依赖关系。当我钩住所有三个减速器时：

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

我得到下一个错误：

钩子调用无效。钩子只能在函数组件的主体内部调用。

Answer 1

您不正确地使用了存储。

Store需要传递给Provider(它将所有组件封装在app.js中(

import {store} from 'your_path'
const App = () => (
<Provider store={store}>
<MyApplication />
</Provider>
)

之后，您就可以在组件内部使用Redux了。要更改状态，请使用useDispatch((钩子，并使用Selector((获取状态。以下是React Redux中有关钩子的文档链接https://react-redux.js.org/api/hooks

Answer 2

在react中，文档挂钩只能在功能组件内部调用。您为合并减速器提供的代码是正确的。您需要在组件函数中使用useSelector和useDispatch挂钩来分别检索值或调度操作。你面临的主要问题是什么？