Reactjs 连接的路由器做什么?

Reactjs 连接的路由器做什么?,reactjs,react-redux,react-router,Reactjs,React Redux,React Router,当我在reducer中偶然发现这一点时,我正在检查代码 import { combineReducers } from "redux" import { connectRouter } from "connected-react-router" const rootReducer = (history: any) => combineReducers({ router: connectRouter(history) }) expor

当我在reducer中偶然发现这一点时,我正在检查代码

import { combineReducers } from "redux"
import { connectRouter } from "connected-react-router"

const rootReducer = (history: any) =>
  combineReducers({
    router: connectRouter(history)
})


export default rootReducer
我不确定从“连接的反应路由器”导入{connectRouter}(连接路由器做什么)

我去了回购协议的npm页面,上面写着

通过单向同步将路由器状态与redux存储同步 流程(即历史->存储->路由器->组件)


但我无法理解上述说法。有人能解释一下上面的陈述是怎么说的吗?举个例子?

基本上,您可以使用connectedRouter在您的操作中分派导航操作(我认为这是最常见的用例)。例如,您可能希望在成功登录后导航到受保护的路由:

import { push } from 'connected-react-router'

export const login = (username, password) => (dispatch) => {

  /* do something before redirection */

  dispatch(push('/home'))
}