react路由傳參 3種方式

1、params傳參(重新整理頁面後引數不消失，引數會在位址列顯示)

路由頁面：  //注意要配置 /:id

路由跳轉並傳遞引數：
或：xx
js方式：this.props.history.push('/demo/'+'6') 
或：this.props.history.push()
獲取引數：this.props.match.params.id //注意這裡是match而非history

state=

路由頁面： 
路由跳轉並傳遞引數：
js方式：this.props.history.push(/$`})
獲取引數：this.props.match.params //結果

路由頁面：  //無需配置

路由跳轉並傳遞引數：
js方式：this.props.history.push(})
獲取引數： this.props.location.query.name

注：state 傳參的方式只支援browserrouter路由，不支援hashrouter

路由頁面：  //無需配置

路由跳轉並傳遞引數：
js方式：this.props.history.push(})
獲取引數： this.props.location.state.name

React路由傳參的方式

params 路由表中 component id component route link傳參 activeclassname active link 程式設計式導航 this props.history.push component 2 接參 this props.metch.paramsquer...

React路由傳參的三種方式

通過params 1.路由表中 2.link處 html方式 x js方式 this.props.history.push sort 2 3.sort頁面 通過 this.props.match.params.id 就可以接受到傳遞過來的引數 id 通過query 前提 必須由其他頁面跳過來，引數才...

react 路由傳參

今天，我們要討論的是react router中link傳值的三種表現形式。分別為通過萬用字元傳參 query傳參和state傳參。ps 進入正題前，先說明一下，以下的所有內容都是在react router v4的版本下。1.params route定義方式 link元件 html方式 萬用字元 js...