javascript - 从 react-router 哈希片段中获取查询参数

Question

我在客户端为我的应用程序使用 react 和 react-router。我似乎无法弄清楚如何从 url 中获取以下查询参数:

http://xmen.database/search#/?status=APPROVED&page=1&limit=20

我的路线看起来像这样(我知道路径完全错误):

var routes = (
<Route>
    <DefaultRoute handler={SearchDisplay}/>
    <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/>
    <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/>
</Route>
);

我的路线工作正常，但我只是不确定如何格式化路径以获得我想要的参数。感谢对此的任何帮助!

Answer 1

注意:从评论中复制/粘贴。一定要喜欢原来的帖子!

用 es6 编写并使用 react 0.14.6/react-router 2.0.0-rc5。我使用此命令在我的组件中查找查询参数:

this.props.location.query

它在 url 中创建所有可用查询参数的哈希值。

更新:

对于 React-Router v4，请参阅 this answer .基本上，使用 this.props.location.search 获取查询字符串并使用 query-string 包或 URLSearchParams 进行解析。 :

const params = new URLSearchParams(paramsString); 
const tags = params.get('tags');