Reactjs 查询参数的双向绑定

Reactjs 查询参数的双向绑定,reactjs,react-router,react-router-component,Reactjs,React Router,React Router Component,假设我有一个路由路径#/plugin?search=:q,并且查询参数q将被放入我的搜索输入框中,没关系。问题是,如果我更改搜索输入框的内容,如何使更改反映在URL路径中。假设我在搜索收件箱中键入react,那么我希望URL路径变成#/plugin?search=react。react router可以这样做吗?这意味着您需要使用Route.create方法手动创建路由。然后创建一个路由器实例,在组件的每个渲染上保存路由。希望这个想法有帮助。this.props.params可以帮助您。:q是存

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

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

this.props.params
可以帮助您。
:q
是存储在组件的
this.props.params
中的变量,您可以访问它并为其分配研究值(请参见!)。

很抱歉,我没有得到您的答案。你能想出一些示例代码吗?```var router=router.create({routes:'your new created path'location:router.HistoryLocation});`````<代码>React.createClass({handleUserInput(事件){this.setState({route:event.target.value});},render(){return})