页面之间如何跳转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的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » React 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏