react-router 查询参数的双向绑定答案

【问题标题】：react-router two way binding of query parametersreact-router 查询参数的双向绑定
【发布时间】：2015-07-31 04:21:05
【问题描述】：

假设我有一个路由路径#/plugin?search=:q，并且那个查询参数q会被放到我的搜索输入框中，这样就可以了。问题是如果我更改搜索输入框的内容，如何使更改反映在 URL 路径中。假设我在搜索收件箱中输入react，那么我希望 URL 路径变为#/plugin?search=react。这对 react 路由器可行吗？

【问题讨论】：

标签： reactjs react-router react-router-component

【解决方案1】：

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

【讨论】：

对不起，我没有得到你。你能想出一些示例代码吗？
````var router = Router.create({ routes: '你新创建的路径' location: Router.HistoryLocation });``` React.createClass({ handleUserInput(event) { this.setState({route: event.target.value}); }, render() { return <RouteHandler/> } });

【解决方案2】：

this.props.params 可以帮助您。:q 是存储在组件的this.props.params 中的变量，您可以访问它并为其分配一个研究值（参见react-router routeParams！）。

【讨论】：