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>