React router v6, Remove History

Question

是否有一种方法可以删除react-router v6中的历史记录，我正在创建一个web应用程序，当用户到达主页并按回去时，它最终应该退出应用程序。但到目前为止，如果历史记录存在，它会返回。如果react-router没有这个功能，有没有其他方法来解决这个问题?

Answer 1

我刚刚做了一个像你这样的PWA应用程序，我解决这个问题的方法是，每当它向前或向后移动时，我总是设置选项{replace: true}。

交货:navigate(/${SCREEN_1}, { replace: true })或navigate(-1, { replace: true })

所以当用户点击按钮"下一步"/"返回"在浏览器上，只有浏览器的第一个空白页(在我打开我的URL之前)和当前页面。

我的应用只有6个屏幕。我不确定这种方法对你是否有用，但对我有用。希望这对你有帮助!

Answer 2

我没有完全理解你的问题。但下面的代码可能有助于回到上一页。

import {useNavigate} from 'react-router-dom'
const Component = () => {
const navigate = useNavigate()
const goBack = () => {
navigate(-1)
}
return (
<>
<button onClick={goBack}>Back</button>
</>
)
}