reactjs - 如何在 React JS 中读取组件内的 URL 参数？

Question

这个问题在这里已经有了答案:





React - How to get parameter value from query string?

(38 个回答)


去年关闭。




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

Url 外观具有以下结构:

localhost/test?id=xxx&value=yyyy

在组件类中，我使用以下代码:

class test extends Component {

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

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

问号标志怎么也被收回了？
以及如何修复它，以便我能够在不制作太多的情况下获得这些值？

Answer 1

您可以使用 URLSearchParams :

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

或者，如果您想使用 react-router解决方案，你可以看到 this answer .