react路由傳參

2022-09-07 11:54:11 字數 437 閱讀 5629

1.萬用字元傳參

萬用字元link>

頁面獲取:this.props.match.params.name === 『通過萬用字元傳參』

這方法重新整理頁面資料不會消失,但是只能傳字串。

2.query傳值

元件裡面:

var query =

querylink>

頁面獲取:this.props.location.query === '我是通過query傳值'

這種方法重新整理頁面資料會消失。

3.state傳值

statelink>

元件裡面:

var state =

'/state' component=/>

頁面獲取:this.props.location.state === '我是通過state傳值'

這方法重新整理頁面資料會消失。

react 路由傳參

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

React路由傳參

當我們要進行跳轉的時候,通常會把一些引數傳到另乙個元件上去,以便跳轉到的元件可以輕而易舉的拿到引數。通常通過params query state以及search這四種方法進行傳參,接下來讓我給你們演示一下 path id component path指路徑 component指所跳轉的元件 path...

React路由傳參的方式

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