gpt4 book ai didi

javascript - React URL 更改但组件不呈现

转载 作者:行者123 更新时间:2023-12-05 03:22:38 25 4
gpt4 key购买 nike

<分区>

如果我通过在浏览器中手动重新加载页面转到“/”或“/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>

)
}

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com