React-router in saga

/** history.js ****/
import {createBrowserHistory} from 'history'

export default createBrowserHistory({your_config_here})

/** saga.js ***/
import {... call} from 'redux-saga/effects'
import history from './history'
export default function* your_root_saga(){
  ...access history here or in your sub sagas...
  yield call([history, history.push], 'your_object_path')
}


/** index.js ****/
import history from './history'
import {Router, ...} from 'react-router-dom'
import your_root_saga from './sagas'
import {createSagaMiddleware} from 'redux-saga'

const sagaMiddleware = createSagaMiddleware()
...config_your_store_here...
sagaMiddleware.run(your_root_saga)


render( <Router history = {history}> ... </Router>
, document.getElementById('elementId'))

Source: stackoverflow.com

Similar codes

85 votes229 views6 answers
Redirect react router
Javascript React
94 votes226 views6 answers
Install react router
Javascript React
10 votes271 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
5 votes169 views1 answer
Add icon material ui
Javascript React
0 vote289 views1 answer
React native application architecture
Javascript React
0 vote261 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote211 views1 answer
Force users to update your application in React Native
Javascript React
0 vote195 views1 answer
Implementing state lifecycle in react class component
Javascript React
0 vote215 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
0 vote283 views1 answer
Chinese icon in react native vector icons
Javascript React