如何使用反应路由器v4重定向到另一个页面

Question

我有这个文件夹结构

src
|
+-- pages
|     |
|     +--Dashboard.js
|     +--Homepage.js
|
+-- index.js

因此index.js将主页呈现给屏幕。 在homepage.js我有一个按钮，我只是想要它，所以当用户点击按钮时，它会转到dashboard.js

这是index.js

import React from 'react';
import ReactDOM from 'react-dom';
import Homepage from './pages/Homepage';
import registerServiceWorker from './registerServiceWorker';
import { BrowserRouter } from 'react-router-dom'

ReactDOM.render((
    <BrowserRouter>
        <Homepage />
    </BrowserRouter>), document.getElementById('root'));
registerServiceWorker();

这是带有按钮的主页

import React, { Component } from 'react';


class Homepage extends Component {
  render() {
    return (
        <div>
            <h1>Homepage</h1>
            <button>Go to Dashboard</button>
        </div>
    );
  }
}

export default Homepage;

我怎样才能做到这一点？我无法在网上找到一个简单的解决方案。谢谢你的帮助。