javascript - 如何获取React Router中问号后面的参数？

Question

在我的 route 使用react，我已经映射了如下组件

<Route path="/search/:id" component={Search}/>

所以，我期待一个类似 search/jeans 或 search/shirts 的 URL。但在某些情况下，我会得到像

这样的 URL 模式

/search/?text=shirts

这是我无法处理的。请建议我如何继续此操作。我想从该 URL 获取“衬衫”的值。如何让现有路由来处理这个不同的 URL？

Answer 1

解析查询字符串的能力为taken out of V4很遗憾。您可以选择使用哪种方法。 第 3 方包:

const queryString = require('query-string');

const parsed = queryString.parse(props.location.search);

或者使用内置的:

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

const foo = params.get('foo'); // bar

对于 URLSearchParams，还有一个 polyfill为了兼容性。