react-router记录

1.安装router
npm install --save react-router-dom
2.引入路由
import {BroswerRouter as Router,Route,Link} from ‘react-router-dom’
3.写法格式

• 
  
• 首页
• 
  
• 列表
• 
  

4.动态传值
eg:componentDidMount(){
console.log(this.props) //接受值
let tmpId = this.props.match.params.id
this.setState({
id:tmpId
})
}
eg:this.state.list.map((item,index)=>{
return (

• 
  <Link to={’/list/’+item.uid}>//拼接路径
  {item.title}
  
  
• 
  )
  })
  5.重定向
  法一：import {Link, Redirect} from ‘react-router-dom’
  
  法二：编程式重定向
  this.props.history.push("/home/")