hooks 和简单动态路由

 <
        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()) //存储  动态路由参数的地方

猜你喜欢

转载自blog.csdn.net/weixin_54645137/article/details/114806047