二、动态路由和get传值

2-1 动态路由

2-1-1 设置动态路由

<Route path="/detail/:id" component={Detail}></Route>

2-1-2 跳转传参

import { Link } from "react-router-dom";
<Link to={`/detail/${item.id}`}>
      ....
</Link>

2-1-3 在跳转页面接收参数 this.props.match.params

import React,{Component} from 'react'
class Detail extends Component {
    render(){
        return (<div>detail</div>)
    }
    componentDidMount(){
        console.log(this.props.match.params)
    }
}
export default Detail;