小编典典

如何在 React JS 中读取组件内的 URL 参数?

all

这听起来可能是转储,但我应该如何读取 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}
  }
}

问号标志怎么也被检索了?以及如何解决它,以便我能够在不制作太多的情况下获得这些值?


阅读 160

收藏
2022-03-03

共1个答案

小编典典

您可以使用URLSearchParams

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

或者,如果您想使用react-router解决方案

2022-03-03