通过更改组件来更改路径

时间:2017-07-12 09:08:00

标签: javascript reactjs redux react-router react-redux

我有一个使用react,redux,react-router v3,react-router-redux的应用程序。 我想实现一个具有多个属性的搜索页面。如何为输入组件的onChange事件编写actioncreator。 例如,当我选中一个复选框时,url必须转到mysite.com/search?checkbox1=checked。没有任何刷新。感谢

1 个答案:

答案 0 :(得分:0)

您可以使用push方法重定向到另一条路线。

import { routeActions } from 'react-router-redux'

 function MyComponent({ dispatch }) {
   return <Button onClick={() => dispatch(routeActions.push('/foo'))}/>;
}

来自官方文件v3(https://github.com/reactjs/react-router-redux/tree/3.0.x