React Redux mapDispatchToProps 与 this.props.dispatch

到目前为止，我以这种方式使用容器和组件操作：

<Header btnMnuAction={this.props.toggleSidebar} logout={this.props.logout}/>

使用mapDispatchToProps函数：

const mapDispatchToProps = (dispatch) => {
    return {
        toggleSidebar: () => {
            dispatch(toggleSidebar());
        },
        logout: () => {
            dispatch(logout());
        }
    }
};

现在我尝试了这样的方法：

<Header btnMnuAction={() => this.props.dispatch(toggleSidebar())} logout={() => this.props.dispatch(logout())} >

请问，有人可以向我解释一下这些选项之间有什么区别吗？

谢谢 ：）

当你使用connect from redux并利用mapDispatchToProps，返回的函数mapDispatchToProps可以作为 props 使用，例如在第一种情况下

const mapDispatchToProps = (dispatch) => {
    return {
        toggleSidebar: () => {
            dispatch(toggleSidebar());
        },
        logout: () => {
            dispatch(logout());
        }
    }
};

从道具中您将可以访问toggleSidebar and logout，其内部定义了调度。

在第二种情况下，如果您不将第二个参数传递给connect，它使得dispatch默认情况下可用，然后您可以使用调用该操作dispatch

因此，这些只是实现相同结果并在内部做相同事情的两种不同方法。