如何在React JS中读取组件中的URL参数？[副本]

Question

这听起来像是垃圾，但我应该如何读取URL并从React JS中的URL获取其值。我被告知使用QueryString来处理GET参数。

Url具有以下结构：

localhost/test?id=xxx&value=yyyy

在component类中，我使用以下代码：

class test extends Component {

  func() {
    const params = queryString.parse(location.search);

     //here I get: {?id=xxx&value=yyyy}
  }
}

问号符号是怎么也被重审的？如何修复它，使我能够在不做太多手工的情况下获得这些值？

Answer 1

如果您正在使用react-router，这很容易。看这个：https://tylermcginnis.com/react-router-query-strings/

Answer 2

const windowUrl = window.location.search;
const params = new URLSearchParams(windowUrl);
// params['id']