прикрепить загрузочный компонент при отправке с помощью реакции - PullRequest
Новая
       45

прикрепить загрузочный компонент при отправке с помощью реакции

1 голос
/ 02 мая 2020

У меня есть обходной путь, который я пытался прикрепить к загрузчику или компоненту индикатора выполнения после нажатия на форму отправки. У меня объявлена ​​загрузка в начальном состоянии, но я не знаю, как действовать дальше.

Да, я знаю, как прикрепить загрузочный компонент при получении данных из API с помощью GET-запроса, но не знаю, как его использовать с POST-запросом. Итак, форма должна загрузить компонент, который щелкает для отправки, а затем отправляет данные в хранилище.

Ниже приведена ссылка в песочнице: https://codesandbox.io/s/brave-lewin-bp3w6?file= / src / Form.jsx

Любая помощь будет принята с благодарностью.

1 Ответ

1 голос
/ 02 мая 2020

Создайте дополнительное действие startLoading, которое вы можете отправить до вызова API: 

export const START_LOADING = "START_LOADING";

export const startLoading = () => {
  return {
    type: START_LOADING
  };
};

export default function(state = initialState, action) {
  switch (action.type) {
    case START_LOADING:
      return {
        ...state,
        loading: true
      };
    case ADD_USERS:
      return {
        ...state,
        users: [...state.users, action.payload],
        loading: false
      };
    default:
      return state;
  }
}

Тогда в вашем onSubmit вы можете сделать: 

props.startLoading();
props.addUsers(values);
...