替换后历史推送

Question

我在我的应用程序中使用 React Router。我有一个代码片段，它解决了一个承诺并在此之后推送到一个新的 URL。但是，我在使用componentDidCatch 推送的下一个站点上发现了错误。此方法随后替换当前 URL。我正在听路由器历史，但历史的队列似乎有点偏离（注意实际导航是正确的！）：

history.listen(({ pathname }) => console.log(pathname));
Promise.resolve().then(() => history.push('/next'));

// on /next
history.replace('/fallback');

我希望得到这样的输出：

/next
/fallback

但我收到的是这样的：

/fallback
/next

有没有办法实现预期的行为？

Answer 1

试试这个

Promise.resolve().then(() => history.push('/next')).then(()=> history.replace('/fallback'));