<
Route path = "/about"
exact render = {
(props) => {
return <AboutPage {
...props } > < /AboutPage>
}
}
/>
简单的动态路由
<
Link to = "/list/1" > 1 < /Link>
<
Route path = "/list/:page"
exact render = {
(props) => {
return <IndexPage {
...props } > < /IndexPage>
}
}
/>
//<
//Link to = “/list/2” > 2 < /Link> to 后面的url是一个字符串 里面的根据你的数据来变换 灵活使用
console.log(props)
console.log(useHistory())
console.log(useLocation())
console.log(useParams()) //存储 动态路由参数的地方