How to execute an action after another action has been executed?

Question

React

There are 2 actions. Let's assume action1 and action2. Action1 - asynchronous receiving of data from the server, action2 - selection of one object in the array of received data.
In the life cycle of an application, a situation may arise when action2 is executed before action1. How to make action2 wait for action1 to execute?
I will be grateful for help.

Answer 1

The only way to execute actions natively in redux in a certain order is thunk

functiob action1Creator() {
  return (dispatch, getState) => {
    fetch(...)
      .then(JSON.parse)
      .then((response) => dispatch(action2Creator(response)))
    ;
  };
}

function action2Creator(response) {
  return { type: 'SOME', data: response.data[12] };
}