转到另一个页面后，您可以将搜索参数保留在 url 中吗？

Question

这里的新程序员正在搞乱很多东西。所以，我有这篇文章搜索应用程序。有一个输入，你写东西，它会显示包含你使用的术语的文章。然后就可以在文章页面之间来回切换了。

/home/?term=&page=0

当我单击其中一篇文章时，它会将我带到一个摘要页面，其中包含该文章的摘要。

/home/article

我想要做的是，能够返回到主页，并且最后的搜索参数仍然完好无损。想想它类似于 google 如何不带你到普通的 google.com 而是到你所在的最后一个搜索页面。

我该怎么做？

小编辑：如果有一种方法可以返回到最后一页（搜索参数完好无损）而无需将其放入 URL 或类似的东西，那当然也同样可以。

Answer 1

在 React Router v6 中，您可以使用 navigate(-1)，如下所述：https://reactrouter.com/docs/en/v6/hooks/use-navigate

示例：

import { useNavigate } from "react-router-dom";

const MyComponent = () => {
    let navigate = useNavigate();
    
    const goBack = () => {
        navigate(-1);
    }
    
    return <button onClick={() => goBack()}>Back</button>
}

转到另一个页面后，您可以将搜索参数保留在 url 中吗？

Can you keep search params in the url after going to another page?

react-router