react如何獲取頁面跳轉url攜帶的引數

2021-09-28 13:51:49 字數 532 閱讀 9072

比如這裡有一條攜帶引數的url。

我們要取出type的值。

因為獲取頁面跳轉url攜帶的引數比較常用,所以我們把它封裝成乙個工具函式。

在src根目錄下新建乙個檔案util.js

封裝乙個獲取url引數的函式。

export function geturlparams(name, str) =([^&]*)(&|$)`);

const r = str.substr(1).match(reg);

if (r != null) return decodeuricomponent(r[2]); return null;

}

使用的時候,在當前頁面匯入這個函式

import  from '../../util'
接下來就可以在componentdidmount之中獲取這個type值

componentdidmount())    

}

很簡單,但是記一下

react 顯示外部頁面 react 頁面跳轉

問題描述 頁面有跳轉詳情頁以及其他跳轉,其他跳轉都到了詳情頁 解決 路由順序改變一下,跳轉詳情頁的路由在其他同級路由最後 比如 會出問題的寫法 children 詳情頁跳轉路由 path id hidemenu true,name component 其他跳轉路由 path participatio...

react專案實現頁面跳轉

1.使用button元件 首先引用 import from antd 然後在button元件裡面寫onclick,在render外面寫方法內容 class extends component render div zhe style div 123 p 跳轉頁面 button export2.使用l...

JSP頁面跳轉獲取引數

1.jsp調action重定向 toprojectpage action result type redirect location jsp project jsp params name toprojectpage jsp頁面中的js var comid entrycomid 2.jsp跳轉到js...