Создайте оповещение о загрузке в ожидании пост-запроса, используя реаги и редукцию

Question

Я настраиваю приложение для отправки формы, используя response / redux в качестве внешнего интерфейса и django в качестве внутреннего. Проблема в том, что отправке требуется некоторое время для обработки, поэтому мне нужно установить оповещение ожидающего загрузчика, прежде чем сообщить об успешной отправке. Есть предложения?

Вот мое сообщение:

export const addCandidate = candidate => (dispatch, getState) => {

axios
    .post("http://localhost:8000/api/candidates/", candidate, tokenConfig(getState))
    .then(res => {
      dispatch(createMessage({ addCandidate: "Formulaire envoyé" }));
      swal("", "Votre candidature a été enregistrée avec succès", "success");
      dispatch({
        type: ADD_CANDIDATE,
        payload: res.data 
      });
    })
    .catch(err =>
      dispatch(returnErrors(err.response.data, err.response.status))
    );
};

Answer 1

Вы можете добавить параметр состояния с именем loading, который изначально будет иметь значение false, и перед тем, как запустить запрос, установите его значение в true, а когда запрос будет разрешен, установите значение false

this.setState({loading:true});
axios.post().then(res=>{
// your code
this.setState(false);
})

А в ваших компонентах рендер

{this.state.loading && <Spinner />}