背景：一個(gè)頁面中點(diǎn)擊某個(gè)按鈕，跳轉(zhuǎn)到另外一個(gè)頁面而且還可以傳參

整體邏輯：①在路由配置文件中，配置每個(gè)頁面的路徑；②在需要跳轉(zhuǎn)的頁面引入? import {Link} from 'react-router-dom'，③使用<Link to="xxxxx"></Link>跳轉(zhuǎn)

-------------------------------------------------------------------------------------------------------------------------------------------------------方式一：使用<Link>傳參

①配置路由

以上是要跳轉(zhuǎn)的目標(biāo)頁

②頁面引入Link

導(dǎo)入Link

點(diǎn)擊路徑跳轉(zhuǎn)以及傳參

備注：在路徑上傳參需要同時(shí)在路由配置文件中路徑后面定參數(shù)，如path="/riskViewQuery/index/:id/:name"?

方式二：使用this.props.history傳參

注意：前提還是要定義路由和導(dǎo)入路由，與上面的①②一致

①頁面使用點(diǎn)擊事件進(jìn)行跳轉(zhuǎn)

②跳轉(zhuǎn)方法里通過this.props.history.push

注意以上：可能會(huì)報(bào)this.props.history.push? ......not? undefined，是因?yàn)楫?dāng)前組件沒有this.props.history這個(gè)對象，所以在改組件加上如下所示：

接收參數(shù)：

①針對這種情況

接收：this.props.match.params.xxx(此處為id) ------------------接收參數(shù)

②針對這種情況

接收參數(shù)：this.props.location.state.name----------------------接收參數(shù)

③針對這種情況

接收參數(shù)：this.props.match.params.xxx(此處為id)? ? 接收參數(shù)

④針對這種情況

接收參數(shù)：this.props.location.query.name? ?--------------------接收參數(shù)