“链接”无法正常工作。请任何人解决这个问题。我尝试了很多方法但没有一个有效。当我点击主页或关于时,它不会移动到另一侧,我必须手动重新加载这一侧。
header.js
import { Link } from "react-router-dom";
<Link className="nav-link active" aria-current="page" to="/">Home</Link>
<Link className="nav-link" to="/about">About</Link>
Run Code Online (Sandbox Code Playgroud)
应用程序.js
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
<Router>
<Header title="My Todos List" />
<Switch>
<Route
exact
path="/"
render={() => {
return (
<>
<AddTodo addTodo={addTodo} />
<Todos todos={todos} onDelete={onDelete} />
</>
);
}}
></Route>
<Route exact path="/about">
<About />
</Route>
</Switch>
<Footer />
</Router>
Run Code Online (Sandbox Code Playgroud)
包.json
{
Run Code Online (Sandbox Code Playgroud)
“名称”:“todos-list”,“版本”:“0.1.0”,“私有”:true,“依赖项”:{“@testing-library/jest-dom”:“^ 5.16.4”,“ @testing-library/react": "^13.3.0", "@testing-library/user-event": "^13.5.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^5.3.0", "react-scripts": "5.0.1", …