reactjs - 我们如何使用React-Redux Hooks API使用useSelector()和useDispatch()创建多个Reducers？

Question

如果我们创建多个Reducers，我们可以使用combineReducers将其组合起来，但是当useSelector从哪个Reducers获取状态时？

Answer 1

来自 React-Redux docs :

const result : any = useSelector(selector : Function, equalityFn? : Function)

Allows you to extract data from the Redux store state, using a selector function

就像mapStateToProps一样，选择器函数接收由所有reducer组合而成的存储状态。

假设您有两个 reducer ，一个名为 counterReducer，另一个名为 timeReducer，并且您希望从其中一个中获取数据，您将执行以下操作:

const counter = useSelector(state => state.counterReducer.data)

或者

const counter = useSelector({counterReducer} => counterReducer.data)