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

0 vote297 views1 answer
React js averta fonts not working in safari staging deployement
Javascript React
4 votes334 views1 answer
React how to remove commas from a string
Javascript React
7 votes314 views1 answer
React native touchableopacity disable
Javascript React
0 vote307 views2 answers
React material ui
Javascript React
7 votes304 views2 answers
How to import js via script in react
Javascript React
21 votes269 views4 answers
React memo
Javascript React
17 votes270 views6 answers
React native build android
Javascript React
1 vote307 views2 answers
Autofocus react
Javascript React
1 vote302 views1 answer
React native image disable fade in onload
Javascript React
0 vote270 views1 answer
React createElement interactive button
Javascript React