我对React比较陌生,我正在努力弄清楚如何让React路由工作.我有一个超级简单的测试应用程序,看起来像这样:
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter as Router, Route, Switch, IndexRoute, Link} from 'react-router-dom';
const Home = () => <h1><Link to= "/about">Click Me</Link></h1>
const About = () => <h1>About Us</h1>
const Test = () => (
<Router>
<Switch>
<Route path ="/" component = {Home} />
<Route path ="/about" component = {About} />
</Switch>
</Router>
)
ReactDOM.render(<Test />, document.getElementById('app'));
当我运行应用程序时,home组件会毫不费力地加载,当我单击"click Me"链接时,url会更改为localhost/about,但什么也没发生.如果我点击刷新,我会得到一个"无法获取/走动"很明显,我做错了什么,但我还没有弄清楚是什么.我也在使用Webpack.