将动态查询字符串添加到 Remix.run 中的'/'路由

Question

在我的索引。它的remix组件是'/'的默认路由，

我有一个分页列表，其中pageNum变量作为prop传递。这是当前页码。

如何添加一个查询参数到当前路径，以显示像/?page=3到remix.run中的路由

Answer 1

如果要使用当前路由路径，可以使用<Link to={".?page=3"}>3</Link>

或者你可以使用从react-router重新导出的useLocation()钩子，并做如下操作:

const location = useLocation();
// location.pathname is your /