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

4 votes185 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
0 vote191 views1 answer
Formatt json to create node and child node react
Javascript React
0 vote227 views1 answer
React native communicate with webview
Javascript React
0 vote229 views1 answer
React html symbol code
Javascript React
0 vote201 views3 answers
Add if condition in map react
Javascript React
71 votes245 views5 answers
Css react
Javascript React
0 vote194 views1 answer
How to update the react version in next js app
Javascript React
0 vote248 views3 answers
Scrollview refresh react native
Javascript React
1 vote190 views1 answer
Image source not working react
Javascript React
18 votes196 views6 answers
Add svg in react
Javascript React