重构 HOC 不显示子组件

Question

所以我希望我在这里遗漏了一些简单的东西。

我正在尝试集成重组，以便我可以将一些功能代码从我的渲染（哑）组件中移出并移到我的 HOC 中。

以下 HOC 不呈现其子 (MainReduxForm) 组件。我错过了什么？

import { connect } from 'react-redux';
import MainReduxForm from './MainForm';
import { formValueSelector } from 'redux-form';
import { compose, lifecycle } from 'recompose';  

export default () => MainFormContainer => {

const mapState = (state, ownProps) => {
  return {
    test: test
  };
};


const mapDispatch = (dispatch, ownProps) => {
    return {
      onOrderChange: order => dispatch({type: 'FETCH_ORDER', order: order}),
    }
}



 return compose(
  connect(mapState, mapDispatch)
  (MainReduxForm));

错误 =

函数作为 React 子项无效。如果您 return 一个组件而不是来自渲染，则可能会发生这种情况。或者您可能打算调用此函数而不是 return 它。

Answer 1

return compose(
  connect(mapState, mapDispatch)
  (MainReduxForm));

connect() 调用returns 一个函数，应该用组件调用。然后 compose 应该调用它返回的内容。

重构 HOC 不显示子组件

Recompose HOC not displaying child component

reactjs

redux

redux-form

recompose