react路由如何傳遞多個引數,並獲取多個引數

2021-10-06 21:10:34 字數 377 閱讀 8224

應用場景:

需要傳遞多個引數,但是只在url中顯示其中乙個,其他引數在props中獲取:

使用函式元件hooks:

使用js新增到路由

props.history.push(});
在元件中獲取引數(hooks元件router獲取引數有四個常用方法:useparams, uselocation, usehistory, useroutematch)

let  = useparams();

let = uselocation().state;

;

此時可獲取到所以引數。

關於react-router 的 hooks 實現,我參考了

react路由引數傳遞

react路由的三種傳參方式 1 向路由元件傳遞params引數 引數傳遞 在註冊路由時接收引數 注意這裡後面時冒號在前面的 在要展示的元件內接收params引數 2 第二種,利用search傳遞引數 向路由元件傳遞引數 這種方式類似js常用方式傳遞引數 在路由註冊是接收引數 這裡是不需要接收的,正...

react路由跳轉傳遞引數

需求 路由跳轉的時候將引數傳遞給跳轉之後的頁面。路由 方案一 使用query,特點是引數會出現在url上,重新整理頁面資料不會丟失 browserhistory.push 取值 browserhistory.push 取值 this.props.location.state.deliverypric...

for each如何傳遞多個引數

我們在用vector這個容器的時候是不是經常會用到for each,然而,很jb錘子的是什麼呢,它只能傳遞乙個引數。這就有點侷限性了,不過,解決辦法總是有的,stl這個標準庫和另乙個標準庫一起用就可以了,那就是boost這個標準庫,這個庫裡面有乙個函式bind 它的作用就是繫結函式,引用一下 inc...