React开发遇到的dispatch被传入属性的问题

最新推荐文章于 2025-06-26 14:27:34 发布

哇靠哇靠

最新推荐文章于 2025-06-26 14:27:34 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_39531373/article/details/85000392

本文介绍如何在使用Redux的connect高阶组件时，避免不必要的dispatch属性传递给组件，通过提供一个空的操作映射函数，可以有效解决此问题。

发现组件中有dispatch属性。奇怪，后检测发现在使用connect redux时
export default connect(mapStateToProps)(Controls);
后修改为：

export default connect(mapStateToProps,
    () => ({}) // omit dispatch prop
)(Controls);

即可。

具体示例如下

const mapStateToProps = state => ({
    isStarted: state.scratchGui.vmStatus.running,
    projectRunning: state.scratchGui.vmStatus.running,
    turbo: state.scratchGui.vmStatus.turbo
});
****// no-op function to prevent dispatch prop being passed to component****
const mapDispatchToProps = () => ({});

export default connect(mapStateToProps, mapDispatchToProps)(Controls);