Reactjs 反应<；链接/>；路由器不工作。反应JS

我的导航不工作的原因我有另一个应用程序工作正常，但这一个无法找到错误，请帮助

我做错了什么？我遵循了所有必要的步骤

路由器不工作。反应JS

我需要你的帮助

使用react路由器，我可以使用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>
    )
  }
}

import'/App.css'；
从“./components/Context”导入{CarsConsumer}；
从“./部件/汽车”进口汽车；
从“./components/CarsList”导入CarsList；
从“React”导入React，{Component}
进口{
BrowserRouter作为路由器，
转换
路线,，
链接
}从“反应路由器dom”；
从“./components/Saved”导入保存的文件；
从“/components/Help”导入帮助；
从“./components/Home”导入Home；
导出默认类应用程序扩展组件{
render（）{
报税表（


家


保存的


)
}
}

在家里的路线上加上精确的标记

<Route path="/" exact component={ Home }>

为什么要改变

React路由器进行部分匹配，因此/save部分匹配主路由路径，因此它将再次错误地返回主路由

exact参数禁用路由的部分匹配，并确保仅当路径与当前url完全匹配时才返回路由

---

你能澄清一下“它只是不断滚动，我从来没有打开过页面”的意思吗？您的

开关

将始终首先匹配“/”路径，并呈现

主

组件。更好的解决方案是对路径重新排序，以便在不太具体的路径之前指定更具体的路径。