页面之间如何跳转react

页面之间如何跳转react

1、导入react-router-dom模块

import { Route,Link, NavLink } from 'react-router-dom'

2、react页面跳转最简单的就是Link标签或者NavLink标签实现a标签的跳转,路径写在to属性里面

例如

<NavLink to='/home' activeClassName='active'>
     <span>首页</span>
</NavLink>
<Link to='/home'>
     <span>首页</span>
</Link>

3、然后在需要显示页面的地方添加Route标签即可。

<Route path="/home" component={Home}></Route>

4、然后就是手动控制跳转:

this.props.history.push('/home')

这个也会跳转到Route标签所在位置。

更多React相关技术文章,请访问React答疑栏目进行学习!

以上就是页面之间如何跳转react的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读