Что делает маршрутизатор connected-response-router?

Question

Я просматривал код, когда наткнулся на это в reducer

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

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


export default rootReducer

Я не уверен, что import { connectRouter } from "connected-react-router" (Connect-router делает).

Я пошел на npm на странице репо, на которой написано:

Синхронизация состояния маршрутизатора с хранилищем redux через однонаправленный поток (т.е. история -> хранилище -> маршрутизатор -> компоненты).

Но я не могу понять приведенное выше утверждение. Может кто-нибудь объяснить мне, что говорится в приведенном выше заявлении? с возможным примером?

Answer 1

В основном вы можете использовать connectedRouter для отправки действий навигации (на мой взгляд, это наиболее распространенный вариант использования) внутри ваших действий. Например, после успешного входа в систему вы можете перейти к защищенному маршруту:

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

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

  /* do something before redirection */

  dispatch(push('/home'))
}