react 前端如何取URL里参数，用户点击链接时

Question

场景是：

某个程序生成的URL
www.xxx/page/enter?userid=10000&token=xxxx-yyyy-88888

（userid token 不同场景值不一样）

当用户点击URL后， 前端页面打开，并且前端要获取这个userid 和token， 不知道怎么能得到？ 　userid token 要存到本地，后续的页面其他请求要用到。

Answer 1

推荐使用浏览器标准方法URL

const url = new URL('www.xxx/page/enter?userid=10000&token=xxxx-yyyy-88888');
const params = url.searchParams;
const userid = params.get("userid"); // "10000"
const token = params.get("token"); // xxxx-yyyy-88888

Answer 2

写一个获取url参数的方法：https://www.jianshu.com/p/23c...

// => {userid: "10000", token: "xxxx-yyyy-88888"}
getQuery('http://www.xxx/page/enter?userid=10000&token=xxxx-yyyy-88888')

Answer 3

const { location } = window;

Answer 4

const url2 = new URLSearchParams('http://62.45.22.11:3000/#/2?userid=100&corpid=9999');

const userid2 = url2.get("userid"); //null ???
const token2 = url2.get("corpid"); //9999
console.log(url2.has('userid')); //false

userid 得不到？ 不知道为什么。

前面带‘#’ 号， 这个就是原因，去掉#号就可以，但提react URL就是带个‘#’号