出于某种原因,我的路由器无法正常工作。 Switch 上方的第一条 Route 路径有效,但下方的两条路径无效。当我尝试在浏览器上遵循该路径时,它不起作用。 我在网上找了一段时间,所以你们是我最后的希望。我检查了所有路径文件,但仍然没有运气。
谢谢
代码如下
import React from 'react';
import Navbar from './Components/profileLayout/Navbar';
import Home from './Components/profileLayout/Home';
import './App.css';
import { Switch, Route, BrowserRouter as Router } from 'react-router-dom'
import SignIn from './Components/profileLayout/SignIn';
import Register from './Components/profileLayout/Register';
class App extends React.Component {
render() {
return (
<Router>
<div className="App">
<Navbar />
<Home />
<Route path='/' exact component={Home} />
<Switch>
<Route path="/register" exact component={Register} />
<Route path="/signin" exact component={SignIn} />
</Switch>
</div>
</Router>
);
}
}
export default App;
最佳答案
将它们都放在 switch 组件中。
<Switch>
<Route path='/' exact component={Home} />
<Route path="/register" exact component={Register} />
<Route path="/signin" exact component={SignIn} />
</Switch>
关于javascript - 路由器路径不正常?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58944874/