Я разрабатываю приложение с помощью React и Redux, и в итоге я сомневаюсь в дизайне. Дело в том, что когда я запускаю приложение, мне нужно заполнить хранилище несколькими запросами API (я использую fetch и redux-thunk), который возвращает некоторые константы. Эти константы будут использоваться несколькими компонентами, и я не могу привязать их к определенному компоненту, так как, возможно, пользователь не загружает его и переходит непосредственно к другому компоненту, который не извлекает данные ... так что ... Каков наилучший способ справиться с этим? Как лучший способ заполнить и «initialState» в Redux? Кроме того, возможно ли с API-интерфейсом fetch обрабатывать несколько запросов, как это происходит, например, с помощью $ q?Установить начальное состояние с несколькими асинхронными вызовами в Redux
0
A
ответ
0
В вашем корневом компоненте вы можете сделать вызовы API в componentDidMount метод lifecycle, заполнив состояние возвращаемыми значениями. Состояние будет доступно для всех компонентов вашего приложения.
Если компонент вы хотите, чтобы сделать вызов является без гражданства функционального компонента (и, следовательно, не имеет метод жизненного цикла), вы можете обернуть его, как показано здесь:
https://egghead.io/lessons/javascript-redux-fetching-data-on-route-change
(остальное этот курс охватывает асинхронные вызовы и использование thunks - необходимо смотреть!)