Cannot Read Property 'history' Of Undefined -- React-router V4 & Create-react-app

I could not use Link to navigate, here's my code Folders structure components ----App.js ----home ----Home index.js index.js import React from 'react'; import ReactDOM from 'r

Solution 1:

Your Link component need to be present within the Router component. You can restructure your code like

class App extends Component {
  render() {
    return (
      <Router>
      <div className="App">
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
        <Link to="/home">home</Link>
        <Route
                path={'/home'}
                exact={true}
                component={Home}
              />

      </div>
      </Router>
    );
  }
}