不知道这里发生了什么。我已经设置了路由,当我转到我的第一页 localhost:8080/ 时,第一条路由按预期呈现。但是,如果我在 localhost:8080/store 中输入 url,则预期的路由会失败,并且我收到 404 找不到(甚至不会回退到我未找到的组件)。
但是,如果我设置一个链接并单击该链接,它将按预期呈现我的商店路线。
不应该/store
呈现我的 StorePicker 组件,无论它是输入到 URL 中还是通过链接到元素选择?
应用程序.js
import React, { Component } from 'react';
import ReactDOM, { render } from 'react-dom';
import { BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom';
//Components
import StorePicker from './components/StorePicker.js';
import Main from './components/Main';
import NotFound from './components/NotFound';
const Routes = () => {
return (
<Router>
<div>
<Link to="/store">Store</Link>
<Switch>
<Route path="/" exact component={StorePicker} />
<Route path="/store" component={Main} />
<Route component={NotFound} />
</Switch>
</div>
</Router>
)
}
render(<Routes />, document.querySelector('#container'));