首页 > 解决方案 > 直接从 store 调用 action 还是创建一个函数来调用组件中的 action?

问题描述

假设我有来自 redux 商店的这个动作:

const mapDispatchToProps = dispatch => {
    return {
        someaction: bindActionCreators(someaction, dispatch)
    };
};

当我需要在我的组件中使用它时,我会..

1 - 直接使用动作作为道具:

<SomeInnerComponent onClick={this.props.someaction} />

或者:

2 - 在调用动作的组件中创建一个方法。然后在我的 render() 中调用该方法:

someAction() {
  this.props.someaction();
}
render() {
  <SomeInnerComponent onClick={this.someAction} />
}

最佳做法是什么?

标签: javascriptreactjsreduxcomponents

解决方案


推荐阅读