[英]React <Link /> Router not working. React JS
由于某种原因,我的导航无法正常工作我有另一个应用程序工作正常,但这个应用程序无法找到错误请帮助
我做错了什么? 我遵循了所有必需的步骤
反应路由器不工作。 反应 JS
我需要你的帮助。
使用 react-router 我可以使用 Link 元素来创建由 react 路由器本地处理的链接。
它只是不断滚动。 我从不打开页面
import './App.css';
import { CarsConsumer } from './components/Context';
import Car from './components/Car';
import CarsList from './components/CarsList';
import React, { Component } from 'react'
import {
BrowserRouter as Router,
Switch,
Route,
Link
} from "react-router-dom";
import Saved from './components/Saved';
import Help from './components/Help';
import Home from './components/Home';
export default class App extends Component {
render() {
return (<Router>
<div className="App">
<header className="App-header">
<nav>
<ul id='navUnorderedList'>
<div id='leftNav'>
<li>
<Link to="/"> Home </Link>
</li>
<li>
<Link to="/saved"> Saved </Link>
</li>
</div>
</ul>
</nav>
<Switch>
<Route path="/" component={ Home }>
</Route>
<Route path="/saved" component={Saved}>
</Route>
</Switch>
<CarsList />
</header>
</div>
</Router>
)
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.