我的导航链接在 react.js 中不起作用，但重新加载后它起作用

Question

开发一个 react.js 应用程序。 在导航栏使用导航链接。 路由器也已定义，但在任何地方都没有 go。 重新加载后它工作。 如果在导航栏上单击 Job Post，则它不起作用，但在 URL 中，它是http://localhost:3000/jobPost并在重新加载后被路由。 应用 package.json 是

"react": "^18.2.0",
"react-bootstrap": "^2.5.0",
"react-dom": "^18.2.0",
"react-hook-form": "^7.34.0",
"react-router-dom": "^5.3.0",

import Navbar from 'react-bootstrap/Navbar';
import NavDropdown from 'react-bootstrap/NavDropdown';
import Offcanvas from 'react-bootstrap/Offcanvas';
import { Link } from 'react-router-dom';

<Nav className="justify-content-end flex-grow-1 pe-3">
<Nav.Link as={Link} to="/home">Home</Nav.Link>
<Nav.Link as={Link} to="/jobPost">job Post</Nav.Link>
<NavDropdown title="Dropdown" id={`offcanvasNavbarDropdown-expand-${expand}`}>
<NavDropdown.Item href="#action3">Action</NavDropdown.Item>
... ... ...
<NavDropdown.Divider />
                    

在 App.js 中

<Route exact path="/">
      <Home></Home>
</Route>

<Route path="/home">
        <Home></Home>
</Route>

<Route path="/jobPost">
        <JobPost></JobPost>
</Route>

需要一些帮助。

Answer 1

从'react-bootstrap/Nav'导入导航；

添加这一行，希望它会工作