Question

我正在使用react.js的React Router AddOn，我有以下4个链接

 <li><Link to="/configurations?configName=Project Status">Project Status</Link></li>
 <li><Link to="/configurations?configName=Invoice Status">Invoice Status</Link></li>
 <li><Link to="/configurations?configName=Project Classification">Project Classification</Link></li>
 <li><Link to="/configurations?configName=Notes">Notes</Link></li>

当我点击链接并传递查询"configName"时，这些链接无效，不会重定向到相应的页面。但是当我直接在浏览器中输入网址时，这些链接正常工作。

即时使用React Router“https://github.com/reactjs/react-router”

Answer 1

根据react-router的例子，您似乎没有正确设置查询参数。

尝试类似：

<li><Link to={{ pathname: '/configurations', query: { configName: 'projectStatus' } }} activeClassName="active">Project Status</Link></li>

有关详细信息，请查看此示例：https://github.com/reactjs/react-router/blob/master/examples/query-params/app.js

在反应路由器中使用查询参数时链接不起作用

1 个答案: