直接在InBox组件里在写路由配置就行:
<BrowserRouter>
<Link to='/gla/Pencil' >铅笔</Link> |
<Link to='/gla/Eraser' >橡皮</Link>
<hr/>
<Route path='/gla/Pencil' component={Pencil} />
<Route path='/gla/Eraser' component={Eraser} />
</BrowserRouter>
路由传参
路由传参完成的是组件之间的数据传递(组件传值)
1)、params
路由配置:
<Route path='/Inbox/:id' component={Inbox} />
路由跳转(传值):
声明式导航:
<NavLink to={'/Inbox/01008'} >铅笔</NavLink>
编程式导航:
this.props.history.push( '/Inbox/'+'01008' )
取值:
this.props.match.params.i