React Router 不显示页面 - React JS

Question

所以我正在尝试使用 react router dom 制作一个 Web 应用程序，但问题是 React Router 没有显示页面，当我点击链接时它重定向但什么也没有显示，当我手动转到 http://localhost:3000/login/它仍然没有向我显示任何内容，但它向我显示了主页。这是我的代码：

import { BrowserRouter as Router, Route, Link } from 'react-router-dom'

function HomeScreen() {
 return (
   <Link to='login/'>Login Screen</Link>
   // I'm only showing the related parts to keep this question small
)
}


function LoginScreen() {
    return (
        <h1>Login Screen</h1>
    )
}



function App() {
    return (
    <Router>
        <Route path='/' exact component={HomeScreen} />
        <Route path='login/' component={LoginScreen} />
    </Router>
    )
}



export default App

Answer 1

导航登录路径有误

  // here the problem --> login/  <Route path='login/' component={LoginScreen} />


function App() {
    return (
    <Router>
        <Route path='/' exact component={HomeScreen} />
        <Route path='/login' component={LoginScreen} />
    </Router>
    )
}