React-Router-DOM 4.x 的使用

相关知识点

1. React-Router 和 React-Router-DOM

• React-Router

React-Router提供了一些router的核心API，包括Router, Route, Switch等，但是它没有提供 DOM 操作进行跳转的API。

• React-Router-DOM

React-Router-DOM 提供了 BrowserRouter, Route, Link等 API,我们可以通过 DOM 的事件控制路由。例如点击一个按钮进行跳转，大多数情况下我们是这种情况，所以在开发过程中，我们更多是使用React-Router-DOM。

2. HashRouter 和 BrowserRouter

• HashRouter
  url中会有个#，例如localhost:3000/#，HashRouter就会出现这种情况，它是通过hash值来对路由进行控制。如果你使用HashRouter，你的路由就会默认有这个#。

  <HashRouter>
  <Route path = '/' component=