purecopmonent code example

Example 1: pure components

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

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

withRouter(MyComponent);

Example 2: pure components

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

Example 3: pure components

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

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

Example 4: pure components

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`
};

Tags:

Misc Example

Related