修改 HashRouter as Route Warning的问题

.history/src/menu_20190417225232.js

+import React from 'react'
+import { Nav } from './common'
+
+class menu extends React.Component {
+
+    render(match) {
+        return (
+            <div className='tabbar' style={{ position: "fixed", width: "100%", bottom: 0 }}>
+                <Nav />
+            </div>
+        )
+    }
+
+}
+
+
+export default menu;

.history/src/menu_20190417225538.js

+import React from 'react';
+import { Nav } from './common';
+
+class menu extends React.Component {
+
+    render(match) {
+        return (
+            <div className='tabbar' style={{ position: "fixed", width: "100%", bottom: 0 }}>
+                <Nav />
+            </div>
+        )
+    }
+
+}
+
+
+export default menu;

.history/src/router_20190417225143.js

+import React from 'react'
+import { HashRouter as Router, Switch, Route } from 'react-router-dom';
+
+import Menu from './menu';
+import Index from './components/Index';
+import Classify from './components/classify';
+import Study from './components/study';
+import My from './components/my';
+
+
+
+
+const router = () => (
+    <Router>
+        <Switch>
+            <Route exact path="/" component={Index}></Route>
+            <Route path="/index" component={Index}></Route>
+            <Route path='/classify' component={Classify}></Route>
+            <Route path='/study' component={Study}></Route>
+            <Route path='/my' component={My}></Route>
+        </Switch>
+        <Menu />
+    </Router>
+)
+
+
+export default router;
\ No newline at end of file

.history/src/router_20190417225454.js

+import React from 'react'
+import { Router, Switch, Route } from 'react-router-dom';
+
+import Menu from './menu';
+import Index from './components/Index';
+import Classify from './components/classify';
+import Study from './components/study';
+import My from './components/my';
+
+
+
+
+const router = () => (
+    <Router>
+        <Switch>
+            <Route exact path="/" component={Index}></Route>
+            <Route path="/index" component={Index}></Route>
+            <Route path='/classify' component={Classify}></Route>
+            <Route path='/study' component={Study}></Route>
+            <Route path='/my' component={My}></Route>
+        </Switch>
+        <Menu />
+    </Router>
+)
+
+
+export default router;
\ No newline at end of file

.history/src/router_20190417225508.js

+import React from 'react'
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+
+import Menu from './menu';
+import Index from './components/Index';
+import Classify from './components/classify';
+import Study from './components/study';
+import My from './components/my';
+
+
+
+
+const router = () => (
+    <Router>
+        <Switch>
+            <Route exact path="/" component={Index}></Route>
+            <Route path="/index" component={Index}></Route>
+            <Route path='/classify' component={Classify}></Route>
+            <Route path='/study' component={Study}></Route>
+            <Route path='/my' component={My}></Route>
+        </Switch>
+        <Menu />
+    </Router>
+)
+
+
+export default router;
\ No newline at end of file

.history/src/router_20190417225528.js

+import React from 'react';
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+
+import Menu from './menu';
+import Index from './components/Index';
+import Classify from './components/classify';
+import Study from './components/study';
+import My from './components/my';
+
+
+
+
+const router = () => (
+    <Router>
+        <Switch>
+            <Route exact path="/" component={Index}></Route>
+            <Route path="/index" component={Index}></Route>
+            <Route path='/classify' component={Classify}></Route>
+            <Route path='/study' component={Study}></Route>
+            <Route path='/my' component={My}></Route>
+        </Switch>
+        <Menu />
+    </Router>
+)
+
+
+export default router;
\ No newline at end of file

src/menu.js

-import React from 'react'
-import { Nav} from './common'
+import React from 'react';
+import { Nav } from './common';
 
 class menu extends React.Component {
 

src/router.js

-import React from 'react'
-import { HashRouter as Router, Switch, Route } from 'react-router-dom';
+import React from 'react';
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 
 import Menu from './menu';
 import Index from './components/Index';
@@ -12,17 +12,14 @@ import My from './components/my';
 
 const router = () => (
     <Router>
-        {/* <div style={{ backgroundColor: 'rgb(245, 245, 249)', textAlign: 'center' }}> */}
-
-            <Switch>
-                <Route exact path="/" component={Index}></Route>
-                <Route path="/index" component={Index}></Route>
-                <Route path='/classify' component={Classify}></Route>
-                <Route path='/study' component={Study}></Route>
-                <Route path='/my' component={My}></Route>
-            </Switch>
-            <Menu />
-        {/* </div> */}
+        <Switch>
+            <Route exact path="/" component={Index}></Route>
+            <Route path="/index" component={Index}></Route>
+            <Route path='/classify' component={Classify}></Route>
+            <Route path='/study' component={Study}></Route>
+            <Route path='/my' component={My}></Route>
+        </Switch>
+        <Menu />
     </Router>
 )