javascript - 没有路由器如何获取URL参数？

Question

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

但 URL 对象始终为空

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

console.log(params);

URLSearchParams {  }

我不需要任何路由器之类的东西。如何从react中的url访问x和y？

Answer 1

数据就在那里，你只需捕获它!

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);
}