0

So I have a route that needs to check if a user has access to the page by checking some data that's being asynchronously populated and is needed to check against the role of the user. Right now, I have a dispatch happening to fetch some data, but is there any way I can wait until that fetch is finished so and access the data?

Here is what my dispatch code looks like:

 componentWillMount() {
     this.props.dispatch(fetchWorkOrder(this.props.params.id));
  }

And then here is my code for connecting and mapping state to props and all that:

const mapStateToProps = createStructuredSelector({
  workOrder: selectWorkOrderPage(),
  authentication: selectAuthentication(),
  user: selectUser(),
});

function mapDispatchToProps(dispatch) {
  return {
    dispatch,
    fetchWorkOrder,
  };
}

export default connect(mapStateToProps, mapDispatchToProps)(WorkOrderPage);

Is there anything I can do to wait until this.props.dispatch(fetchWorkOrder(this.props.params.id)); is done loading so I can run some code, such as I would if it were a promise with a .then()?

Thanks in advance!

Stevie Star
  • 2,331
  • 2
  • 28
  • 54

0 Answers0