javascript - React Redux 为什么使用dispatch = useDispatch()?

标签 javascript reactjs react-redux

我遵循了react-redux教程,示例代码中经常出现以下模式:

import { useDispatch} from 'react-redux'

...

const dispatch = useDispatch()

https://redux.js.org/tutorials/essentials/part-3-data-flow#adding-new-posts

像这样重新声明调度函数的目的是什么?

我查看了react-redux代码,(我认为?)钩子(Hook)工厂返回一个函数。那么重新声明dispatch hook的目的是为了将其用作函数表达式而不是函数声明来提高性能吗?

为什么 useSelector 钩子(Hook)没有这样做?

最佳答案

I wanted to know why const dispatch = useDispatch() is used, or const history = useHistory()

这就是这些钩子(Hook)的设计方式。这些钩子(Hook)的工作分别是“请给我调度函数”和“请给我历史对象”。这是一种在组件中获取依赖项而无需将其作为 prop 传递的方法。因此,所有这些钩子(Hook)所做的就是返回该数据,然后您的组件可以根据需要从那里使用它。

关于javascript - React Redux 为什么使用dispatch = useDispatch()?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63581734/

相关文章:

javascript - 返回只出现一次的数字 (JavaScript)

reactjs - 如何模拟和测试 MaterialUI - makeStyles

javascript - React Hooks 状态未更新

JavaScript 和 ES6, "global"变量

reactjs - react - 类型错误 : baseReducer is not a function

javascript - 将扫描条形码的类型或数据写入 REACT-NATIVE 上的文本输入中

javascript - React 组件用户不在状态

javascript - How to receive an event when selected option is the already selected option of a dropdown?

javascript - 如何在 Django html 文件中使用 JavaScript 来显示错误消息?

javascript - 从 jQuery Guillotine 插件获取数据