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

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

1.  
   import {Link} from 'react-router-dom'
2.  
    
3.  
   <Link to="/Aboutus">
4.  
   <button> 关于我们 </button>
5.  
   </Link>

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

1.  
   this.props.history.push("/detail", {
2.  
    
3.  
   dotData: record
4.  
    
5.  
   });

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

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

1.  
   clicked = (param) => {
2.  
   this.props.history.push("/Index", {
3.  
   dotData: this.name
4.  
   });
5.  
   }
6.  
    
7.  
   <button value="按钮" onClick={this.clicked}>点击</button>

这篇好文章是转载于：学新通技术网