如何使用 useStore、useSelector、useDispatch 钩子?

IT技术 reactjs redux react-redux react-hooks
2021-05-13 04:35:09

Redux 7.1.0 版发布了新的钩子。我不明白如何在实践中使用这些钩子。有人可以举例说明如何使用这些钩子吗?

1个回答

请参阅示例

  • useSelector就像mapStateToProps,您从商店中选择属性,并在商店更改时更新组件

  • useDispatch刚回来dispatch它就像connect()用空的第二个参数调用。

  • useStore用于检索store. 但是这种存储访问只能用于存储操作,例如reducer 替换。当 store 发生变化时,以这种方式访问​​ store 的组件不会更新。

    单击上面示例中的 Check2 按钮,并且在单击“更新我”按钮之前不会检查 check2