Может ли избыточное действие отправлять и возвращать что-то в React?

Question

Я правильно настроил свой редукс: хранилище, действия, редукторы, я сопоставил состояние с реквизитами и т. Д. c, и я использую редукционный поток.

Вот как мои текущие действия выглядят так:

Я обычно использую свои действия, как это, внутри своих компонентов, и это прекрасно работает:

this.props.addCars(newCar)

Иногда я хочу добавьте новый автомобиль и в следующей строке сделайте что-нибудь с новыми данными, используя this.props.cars

This.props.cars не показывает автомобиль, который я только недавно добавил, и использует Promise, или ждите, как это делает не работает

await this.props.addCars(newCar)

Поэтому мне было интересно, есть ли способ заставить мои действия отправлять и возвращать ответ с данными.

Answer 1

Вам нужно дождаться ответа от ax ios, а затем отправить результаты плюс возврат. Как то так.

 export async function addCars(car){
  var result = await axios.post('http://localhost:8000/api/cars', car)
               .then((resp)=>
                {
                  return resp.data
                }


  dispatch({type: ADD_CAR, payload: result});
  return result;
}