react的基础跳转传参

小插曲：  

 

获取自定义json数据

 

   可以打开终端  npm  i  axios(下载axios)

 

• 在componentDidMount() （相当于挂载完成）这个生命周期里面得到数据，例如：
• Import  引入想要的名称  from  ‘axios’
• Name.(‘json路径’).then((res)=>{
• })

 

 

js中路由跳转

跳转  this.props.history.push(‘路径）

NavLink   Route  Redirect这三个才可以使用exact 精确匹配

 

 

 

 

路由跳转传参

传值的几种方式：

1. search | hash   有字符限制，如果有中文需要qs
2. State          无字符限制，但是不能关闭浏览器，如果 路由部分使用的是HashRouter刷新也不可以
3. 动态路由中的params  传递数据最多1-3个

页面中对象方式传递

 

 

 

 

在另一页面中接收地址栏数据