Reactjs 将redux表单formValueSelector移动到HOC

我正在尝试将连接的redux从选择器移动到处理mapState和mapDispatch的HOC

目前我的组件看起来像这样

class MainForm extends React.Component {

render() { ... }

}

let MainReduxForm = reduxForm({
  form: "mainForm", 
})(MainForm);

const selector = formValueSelector('mainForm')
MainReduxForm = connect(state => {
  const isUsed = selector(state, 'isUsed');
  const location = selector(state, 'location');

  return {
    isUsed,
    location,
  };
  },
)(MainReduxForm);

export default MainReduxForm;

const mapState = (state, ownProps) => {
  return {

  };
};



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

    }
}

export const MainFormContainer = connect(
  mapState,
  mapDispatch
)(MainReduxForm);

看起来像这样

class MainForm extends React.Component {

render() { ... }

}

let MainReduxForm = reduxForm({
  form: "mainForm", 
})(MainForm);

const selector = formValueSelector('mainForm')
MainReduxForm = connect(state => {
  const isUsed = selector(state, 'isUsed');
  const location = selector(state, 'location');

  return {
    isUsed,
    location,
  };
  },
)(MainReduxForm);

export default MainReduxForm;

const mapState = (state, ownProps) => {
  return {

  };
};



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

    }
}

export const MainFormContainer = connect(
  mapState,
  mapDispatch
)(MainReduxForm);

如何将功能的connect/formValueSelector部分移动到HOC

我不确定它在HOC中的确切位置，但我正在尝试分离关注点（如果可能的话），并希望将功能部分与其他从mapDispatch中调用的SAGA部分合并