關於react路由傳參跳轉後重新整理頁面引數消失

2021-09-03 09:42:53 字數 436 閱讀 3361

在antd專案的開發中使用的路由是react-router的路由,在使用是經常出現重新整理當前頁面後引數消失導致顯示錯誤的問題:

解決辦法:

// 接收頁面

const data=this.props.location.search

const param=data.param.substr(1,data.param.length);//位址列擷取

2.通過state傳遞,然後配合sessionstorage儲存在瀏覽器中,頁面銷毀後,資料刪除

const =this.props;

let recvparam;

if(location.state&&location.state.params)else

this.setstate()

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路由傳參

1.萬用字元傳參 萬用字元link 頁面獲取 this.props.match.params.name 通過萬用字元傳參 這方法重新整理頁面資料不會消失,但是只能傳字串。2.query傳值 元件裡面 var query querylink 頁面獲取 this.props.location.query...