Navigating Programmatically in React-Router v4

Question

I couldn\'t wait and I jumped into using the latest alpha version of react-router v4. The all-new is great in keeping your U

Answer 1

Using withRouter will add router properties to you component, then you can access the history and use push like you did with v3:

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

class Form extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      input: '',
    };

    this._submit = this._submit.bind(this);
  }

  render() {
    return (
      

         this.setState({input: event.target.value})}/>

        Submit
      
    );
  }

  _submit(event) {
    event.preventDefault();

    this.props.history.push(`/theUrlYouWantToGoTo`);
  }
}

export default withRouter(Form);