React 跳转页面 传递传递参数,并获取参数

简介: React 跳转页面 传递传递参数,并获取参数

1.第一种是类似于a标签跳转

import {Link} from 'react-router-dom'
<Link to="/Aboutus">
   <button> 关于我们 </button>
</Link>

2.第二种是跳转页面并传递参数

this.props.history.push("/detail", {
dotData: record
});

3.第三种是在detail页面回去参数

const messages = this.props.location.state.dotData

clicked = (param) => {
        this.props.history.push("/Index", {
            dotData: this.name
        });
    }
<button value="按钮" onClick={this.clicked}>点击</button>
目录
相关文章
|
3月前
|
存储 前端开发 JavaScript
react怎么实现跨页面传参
react怎么实现跨页面传参
47 2
|
4月前
|
资源调度 JavaScript 前端开发
React-Router 5.0 制作导航栏+页面参数传递
React-Router 5.0 制作导航栏+页面参数传递
24 0
|
6月前
|
前端开发
react如何跳转页面?
react如何跳转页面?
|
9月前
|
前端开发
React返回上个页面
React返回上个页面
76 0
|
4月前
|
JavaScript 前端开发 小程序
react-router4.2使用js控制路由跳转的3种方式
react-router4.2使用js控制路由跳转的3种方式
|
5月前
|
前端开发
react跳转传参方式
react跳转传参方式
20 0
|
5月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)...
42 0
|
5月前
|
JavaScript 前端开发
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
React 像 vue 一样配置页面路由,并支持重定向路由,路由守卫等(使用 useRoutes 完成)
31 0
|
5月前
|
前端开发
写一个react 的页面 录像组件
写一个react 的页面 录像组件
23 0
|
5月前
|
前端开发 CDN
在单html页面中使用react并配置jsx
在单html页面中使用react并配置jsx
32 0