reactjs React-Router浏览器后退按钮无法正常工作

thtygnil 于 2023-01-05 发布在 React

关注(0)|答案(1)|浏览(306)

当我从/xpage到xpage/detail/：id，然后当我点击浏览器后退按钮时，它会重定向到前两个页面。我该如何解决这个问题？

<Route path="/xpage" element={<xPage />} />
<Route path="/xpage/detail/:id" element={<xDetail />} />

我通过以下方式从/xpage重定向到xpage/detail/：id

const navigate = useNavigate()
navigate("xpage/detail/1")

当我单击后退按钮时，我希望它将我重定向到上一个thereo/xpage页面

reactjs

来源：https://stackoverflow.com/questions/74980079/react-router-browser-back-button-doesnt-work-properly

1条答案

按热度按时间

5lhxktic1#

1.将您的xDetail路线封装在xPage内。
1.确保已从xPage中的react-router-dom导入<Outlet />。
应该是这样

<Route path="/xpage" element={<xPage />}>
    <Route path="/xpage/detail/:id" element={<xDetail />} />
</Route>

xPage代码应为

// all imports
import { Outlet } from 'react-router-dom'

const xPage = () => {
    return (
        <>
            {/* code */}
            <Outlet />
        </>
    )
}
export default xPage

赞(0）回复(0）举报 2023-01-05

我来回答

reactjs React-Router浏览器后退按钮无法正常工作

1条答案

相关问题

热门标签

最新问答