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

8 votes391 views3 answers
Icon shwoing a box react native vector icons
Javascript React
0 vote376 views1 answer
Detect the city on application launch via geolocation react native
Javascript React
1 vote349 views1 answer
Document not intialized react js
Javascript React
1 vote351 views2 answers
This setstate previous state react
Javascript React
0 vote394 views1 answer
React js usehistory push and pass props
Javascript React
0 vote375 views1 answer
Truncate function react
Javascript React
-1 vote830 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote463 views1 answer
React steam auth
Javascript React
0 vote343 views1 answer
Remove console messages of react-i18next
Javascript React
0 vote348 views1 answer
Content uri react native fs
Javascript React