React.js, wait for setState to finish before triggering a function?

Question

Here\'s my situation:

• on this.handleFormSubmit() I am executing this.setState()
• inside this.handleFormSubmit(), I am calling this.findRoutes(); - whic

Answer 1

setState() has an optional callback parameter that you can use for this. You only need to change your code slightly, to this:

// Form Input
this.setState(
  {
    originId: input.originId,
    destinationId: input.destinationId,
    radius: input.radius,
    search: input.search
  },
  this.findRoutes         // here is where you put the callback
);

Notice the call to findRoutes is now inside the setState() call, as the second parameter.
Without () because you are passing the function.