在没有路由器的情况下如何获取URL参数?

时间:2020-02-22 00:13:02

标签: reactjs

我想使用localhost:3000 /?x = 10&y = 10来访问我的反应

但是URL对象始终为空

const search = window.location.search;
const params = new URLSearchParams(search);

console.log(params);

URLSearchParams {  }

我不需要任何路由器或其他东西。我该如何从URL中访问x和y?

1 个答案:

答案 0 :(得分:2)

数据在那里,您只需要获取它即可!

如@str指出的

the URLSearchParams object has a defined api具有您需要调用的方法。

const search = '?x=10&y=10' // value of window.location.search
const params = new URLSearchParams(search);

console.log(params.get('x'));
for (const [key, value] of params) {
  console.log(key, 'is', value);
}