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 vote327 views1 answer
Highcharts react hide data point dots
Javascript React
0 vote314 views1 answer
Yarn react select
Javascript React
0 vote297 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
-1 vote322 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
7 votes328 views1 answer
React native touchableopacity disable
Javascript React
0 vote320 views1 answer
Expo cli vs react native cli
Javascript React
0 vote379 views1 answer
How to made disktop program on react website
Javascript React
0 vote350 views1 answer
Font awesome react share faShare
Javascript React
3 votes332 views1 answer
React is front end or backend
Javascript React
24 votes296 views3 answers
Set port in react app
Javascript React