在 React Router 3 中，如何精确匹配包含查询参数的路由？
像这样的事情，
<Route path="about?qs1=:qs&qs2=:qs2" component={About} />
从这个意义上说，查询参数不是路由的一部分。您需要在组件内检查它们，例如如下所示：
class About extends React.Component {
render() {
return(
<div>
{this.props.location.query.qs1 ? 'Correct route!' : 'Invalid route!'}
</div>
);
}
}
您还可以检查里面的查询参数componentDidMount并将您的用户重定向到不同的路线（例如 404）。在官方文档中阅读有关路由匹配的更多信息 https://github.com/ReactTraining/react-router/blob/master/docs/guides/RouteMatching.md.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
