javascript - 在反应中获取具有特殊字符和动态变量的路由路径

Question

反应路由器组件中提供的路径未按预期工作。

例如：路径：“/route?name=/:name/&course=/:course/”

URL 中的动态变量：/:name/ 和 /:course/

标签： javascriptreactjs

Answer 1

name和course是查询参数，不应在Route.

你可以简单地让你的组件路由像

path= "/route"

并检测以下帖子中提到的查询参数更改

检测查询参数 react-router-dom v4.x 的变化并重新渲染组件

或者你可以设计你的路线来制作名称、课程和路径参数，并让你的路线像

path: "/route/:name/:course/"