Breaking News: Grepper is joining You.com. Read the official announcement!

pure components

Gleaming Gerenuk answered on April 29, 2020 Popularity 8/10 Helpfulness 1/10

answer pure components

related pure components

pure components

Comment

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

export default createBrowserHistory({
  /* pass a configuration object here if needed */
})

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components whatever

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

Closely Related Answers

pure components

Comment

import { browserHistory } from 'react-router';
browserHistory.push('/some/path');

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

pure components

Comment

// index.js
import { Router } from 'react-router-dom'
import history from './history'
import App from './App'

ReactDOM.render((
  <Router history={history}>
    <App />
  </Router>
), holder)

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

pure components

Comment

// some-other-file.js
import history from './history'
history.push('/go-here')

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

pure components

Comment

import { withRouter } from 'react-router-dom';

class MyComponent extends React.Component {
  render () {
    this.props.history;
  }
}

withRouter(MyComponent);

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

pure components

Comment

import React from 'react';
import { withRouter } from 'react-router';

// variable which will point to react-router history
let globalHistory = null;

// component which we will mount on top of the app
class Spy extends React.Component {
  constructor(props) {
    super(props)
    globalHistory = props.history; 
  }

  componentDidUpdate() {
    globalHistory = this.props.history;
  }

  render(){
    return null;
  }
}

export const GlobalHistory = withRouter(Spy);

// export react-router history
export default function getHistory() {    
  return globalHistory;
}

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

pure components

Comment

import getHistory from './history'; 

export const goToPage = () => (dispatch) => {
  dispatch({ type: GO_TO_SUCCESS_PAGE });
  getHistory().push('/success'); // at this point component probably has been mounted and we can safely get `history`
};

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

pure components

Comment

// then, in redux actions for example
import { push } from 'react-router-redux'

dispatch(push('/some/path'))

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: components c

Link to this answer
Share Copy Link

Contributed on Apr 29 2020

Gleaming Gerenuk

0 Answers Avg Quality 2/10

pure components

Contents

More Related Answers

pure components

Closely Related Answers

pure components

pure components

pure components

pure components

pure components

pure components

pure components

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.