从“react-router-dom”中的历史记录中删除特定条目

Question

考虑这种情况。用户从 Page1(/page1) 移动到 Page2(/page2) 再到 page3(/page3) 。现在，如果他按下后退按钮，显然他将转到第 2 页（/第 2 页）。但是在这里我如何从历史记录中删除 Page2(/page2) 条目，以便在从 Page3(/page3) 单击后退按钮时将他带到 Page1(/page1)

Answer 1

如果您知道不想返回第 2 页，则可以在离开第 3 页时替换历史记录中的第 2 页。<Link to={url} replace />如果有链接，您可以执行此操作，也可以使用history.replace(url)。（你可以import history from 'history'，它是'react-router-dom'的子依赖。）

如果您只知道在到达第 3 页后不想返回，我不知道有什么干净的方法可以删除历史记录中的先前条目。

Answer 2

使用history.replace(page3)。它将在第 2 页的位置插入第 3 页。如果您返回，它将带您到第 1 页