Question

我希望在用户请求Api来电时显示微调器并且我将每个组件传递到更高的顺序要检查的组件是否请求如果请求显示微调器，否则不

但是在这里我收到错误，说不能将类称为函数

//-------------Hoc Component

HOC=component=>class extends React.component{

  render(){
    (return <component {...props} {...state}/>)}
  }
}

export default connect(mapStateToProps)(HOC)

//----------login component

export default HOC(connect(mapStateToProps,{actions})(Login))

没有HOC它工作正常，但是HOC会出错。请让我知道如何连接两个高阶组件的解决方案

Answer 1

尝试此代码

const HOC = WrappedComponent => {
  class abc extends Component {
    render () {
      return (
        <WrappedComponent {...this.props} {...this.state} />
      );
    }
  }

  const mapStateToProps = state => ({ state });

  const mapDispatchToProps = dispatch => bindActionCreaters({..actions}, dispatch);
  return connect(mapStateToProps, mapDispatchToProps)(abc);
}

export default compose(
  HOC,
  connect(mapStateToProps)
)(Login);

本机和还原的反应中的特定组件？

1 个答案: