使用React和Redux / Thunk进行异步操作后的导航

时间:2018-12-09 23:10:32

标签: reactjs redux

我有一个简单的React应用程序,我希望有一个按钮,当单击该按钮以转到一些API并获取一些数据,然后将其显示在新屏幕中。但是,我不希望仅在API返回之前将我的应用路由到另一个屏幕。

有几种解决方案,我不确定哪一种是最好的。

例如,要在使用thunk时实现此目的,我可以在API调用成功完成后在操作内部进行导航。

但是正确的做法是什么?还是通过动作来做是正确的方法?

1 个答案:

答案 0 :(得分:0)

我个人不会在该操作中执行此操作,我将在操作成功完成后返回,并在组件中对其进行处理。

之所以这样做,是因为您可能要运行多个动作,但是如果您在该动作中进行导航,则最终可能会在其他动作与您想要的数据一起分派之前最终离开。

此外,例如,如果您想使用React Router在动作中进行导航,则必须不断将history对象传递给您的动作,这可能会造成混乱。