首页 > 解决方案 > 如何将道具从 connect 的 HOC 传递到 HOC?

问题描述

原型代码:

LoginComponentWrapper = connect(
    state => ({ write: userSelector(state) }),
    { submit }
)(LoginComponent);

然后传入 HOC :

export default Proxy(LoginComponentWrapper, {
    name:  // here  I want access to  write props form connect
});

我怎样才能做到这一点 ?

可能是另一种形式的问题:如何从 connect() 传入 HOC 道具?

标签: javascriptreactjsredux

解决方案


您可以使用mapStateToProps并允许它接受额外的参数:

const mapStateToProps = (state, ownProps) => {
  return {
   write: state.write,
   submit: ownProps.submit
  };
};

用法:

LoginComponentWrapper = connect(mapStateToProps)(props => <LoginComponent {...props} submit={submit}/>);

推荐阅读