react-router双向绑定查询参数

时间:2015-07-31 04:21:06

标签: reactjs react-router react-router-component

假设我有一个路径路径#/plugin?search=:q,并且该查询参数q将被放入我的搜索输入框中,这没关系。问题是,如果我更改了搜索输入框的内容,我该如何使更改反映在URL路径中。假如我在搜索收件箱中输入react,那么我希望网址路径变为#/plugin?search=react。这是可行的反应路由器吗?

2 个答案:

答案 0 :(得分:0)

这意味着您需要使用Route.create方法手动创建路线。然后创建一个路由器实例来保存组件的每个渲染上的路由。希望这个想法有所帮助。

答案 1 :(得分:0)

this.props.params可以为您提供帮助。:q是存储在您组件的this.props.params内的变量,您可以访问它并为其分配研究值(请参阅react-router routeParams !)。