Лучшая практика с обновлением данных «Реакция-редукция» с обновленным диапазоном дат

Question

В своем новом проекте я использую реактив-редукс, и мне нужно посоветовать лучшие методы для выполнения следующих действий.

У меня есть контейнер с 2 компонентами.

КомпонентA, который я буду использовать для обновления диапазона дат

Компонент B, который будет отображать данные с обновленным диапазоном дат от 1-го компонента.

Итак, в компоненте A,

1. Я использую axios для вызова моего API для обновления дат

2. В случае успеха я снова использую axios (в обещании успеха) для вызова API для повторного вызова-получить данные (с новым диапазоном дат) и вызвать редуктор для обновления состояния.

Неправильно вызывать API, вложенный в обещание успеха.Есть ли лучший способ сделать это?

Должен ли я вызывать данные обновления где-нибудь еще, кроме компонента A?как действие?

Извините, это немного нубский вопрос, но я пытаюсь разобраться с архитектурой редукса.

Answer 1

Нет необходимости снова вызывать API в компоненте B.Вы должны использовать контейнеры для компонента A и компонента B, и после обновления даты в компоненте в A сохраните эти значения в хранилище приставок.и в контейнере компонента b вы получите обновленные значения из состояния, такого как

const mapStateToProps = (state) => {
return {
    upadteData: state.upadteData,

}

}

и компонента B, который вы просто используете

this.props.upadteData