Навигация после асинхронной работы с использованием реакции и редукса / thunk

Question

У меня есть простое приложение React, и я хочу, чтобы при нажатии на кнопку переходил к какому-либо API и получал некоторые данные, а затем отображал их на новом экране.Однако мне не хотелось бы направлять мое приложение к другому экрану только до тех пор, пока не вернется API.

Для этого есть несколько решений, и я не уверен, какие из них являются лучшими.

ДляНапример, чтобы добиться этого при использовании thunk, я могу просто перемещаться внутри своего действия, когда вызов API был выполнен успешно.

Но как правильно это сделать?Или делать это через действие - это правильный путь?

Answer 1

Лично я не буду делать это в действии, я вернусь, когда действие будет выполнено успешно, и разрешу обрабатывать его в компоненте.

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

Кроме того, если вы хотите ориентироваться в своих действиях, например, с помощью React Router, вам придется продолжать передавать объект history своим действиям, что может привести к путанице.