react中页面跳转怎么做？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
使用React构建的单页面应用，要想实现页面间的跳转，首先想到的就是使用路由。在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。
1、使用 react-router-dom 中的 Link 实现页面跳转
一般适用于，点击按钮或其他组件进行页面跳转，具体使用方式如下：
<Link
to={{
pathname: '/path/newpath',
state: { // 页面跳转要传递的数据，如下
data1: {}，
data2: []
},
}}
>
<Button>
点击跳转
</Button>
</Link>
2、使用 react-router-redux 中的来源gao@!dai!ma.com搞$$代^@码网 push 进行页面跳转
react-router-redux 中包含以下几个函数，一般会结合redux使用：
-
push – 跳转到指定路径
-
replace – 替换历史记录中的当前位置
-
go – 在历史记录中向后或向前移动相对数量的位置
-
goForward – 向前移动一个位置。相当于go(1)
-
goBack – 向后移动一个位置。相当于go(-1)
具体使用时通过发送disppatch来进行页面跳转：
let param1 = {}
dispatch(push("/path/newpath'", param1));
dispatch(replace("/path/newpath'", param1));
更多react的相关知识，请查阅 搞代码网 ！！
以上就是react中页面跳转怎么做？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：react中页面跳转怎么做？
转载请注明原文链接：react中页面跳转怎么做？
