reactjs - 如何使用 useStore、useSelector、useDispatch 钩子？

Question

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

标签： reactjsreduxreact-reduxreact-hooks

Answer 1

请参阅样本。

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

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

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

  单击上面示例中的 Check2 按钮，直到您单击“更新我”按钮后才会检查 check2