React 路由参数传递全面解析与技巧总结
最编程
2024-08-01 19:50:01
...
search | "/blog/java?job=全栈" | props.location.search字符串 需自己分割 let searchParams = new URLSearchParams(search) let job = searchParams.get("job") | 显示 | 还在 |
query | {pathname:"/blog/java", query:{id:98765}} | props.location.query.id | 不显示 | 不在 |
state | {pathname:"/blog/java", state:{name:'yzs'}} | props.location.state.name | 不显示 | 还在 |
params | 1. path绑定参数<Route exact path="/blog/web/:id" /> {pathname:"/blog/web/2345678"}或者 "/blog/web/2345678" | props.match.params.id | 显示 | 还在 |