传递查询参数时反应路由问题

Question

我设置了类似的路由

<Route path="/category/:param1?/:param2?/:param3?page=:page&datasetID=:datasetID&graphID=:graphID&year=:year&country=:country" component={Category} />

但当我用上面的路径发射url时，它不起作用

有人能帮我吗？

Answer 1

根据官方文档，你应该做这样的事情：

<Route path="/category/:param1?/:param2?/:param3?" component={Category} />

至于查询参数，没有必要将它们包含在路径中。正如文档所建议的那样，只需从您的组件中获取它们：

let { country, year, graphID, datasetID, page} = useParams();