(十四)React路由react-router4.x的动态路由以及get传值

–动态路由实现页面跳转

//首先在根组件引入router配置
return(
    <Router>
        <div>
        <header className="title">
            <Link to='/'>首页</>
            <Link to='/news'>新闻</>
        </header>
        
            <Route exact path='/' componet={Home}/>
            <Route exact path='/news' componet={News}}/>
        </div>
    </Router>
);

然后在传值的时候使用``

 //传值的时候要使用
 <Link to=`/content/${value.add}`>{value.title}</Link>

获取的时候,需要在生命周期函数中获取
 //生命周期函数
 compentDidMount(){
     console.();
 }
发布了106 篇原创文章 · 获赞 10 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_32060101/article/details/101453185
今日推荐