Как гарантировать, что компонент получит готовые данные с использованием приставки - PullRequest
0 голосов
/ 28 августа 2018

Теперь у меня есть такой компонент:

class MyComponent extends Component {
  componentWillMount() {
    dispatch(requestReservation(params.orderCode))
  }
...

Моя цель - отдельная отправка данных и ожидание этого компонента в HOC,

что-то вроде:

export const withData = WrapedComponent => {
  return class extends Component {
    componentDidMount() {
      this.props.askData(this.props)
    }

    render() {
      return this.props.dataIsReady ? <WrapedComponent {...this.props} /> : null
    }
  }
}

export default withData

И используйте это:

export const MyCompentConnect = connect(state, props) => {
  ...
  askData: ({ dispatch , params}) => {
    dispatch(selectData(params))
  },
  isDataReady: isUndefined(state.flight) 
)(withData(MyComponent))
...