<分区>
如果我通过在浏览器中手动重新加载页面转到“/”或“/details”,一切都很好。
如果我使用导航栏链接转到“/”或“/details”,URL 会更改但内容不会呈现。
我尝试在“/details”路由中使用“exact”关键字,但它是一样的。
React-router-dom:版本:5.1
App.js:
import { BrowserRouter , Redirect, Route , Switch } from 'react-router-dom';
import './App.css';
import Navbar from './Navbar.js'
import Home from './pages/Home'
import Details from './pages/Details';
function App() {
return (
<div className="App">
<BrowserRouter>
<Navbar />
<Switch>
<Route exact path="/" >
<Home />
</Route>
<Route path="/details" >
<Details />
</Route>
<Route path="*">
<Redirect to="/" />
</Route>
</Switch>
</BrowserRouter>
</div>
);
}
export default App;
导航栏:
import './Navbar.css'
import { NavLink , Link } from 'react-router-dom'
export default function Navbar() {
return (
<header >
<ul >
<li><Link to="/">Home</Link></li>
<li><Link to="/details">Details</Link></li>
<li><a href="https://www.google.com">Google</a></li>
</ul>
</header>
)
}