React JS路由路径不起作用[重复]

Question

我无法导航到它没有响应的 Route 路径我不知道为什么。任何人都知道我的代码有什么问题。它只加载着陆页，而不能加载其他组件

import React, { Component } from "react";
import { BrowserRouter as Router, Route } from 'react-router-dom';

import Navbar from "./components/layout/Navbar";
import Footer from "./components/layout/Footer";
import Landing from "./components/layout/Landing";
import Register from "./components/auth/Register";
import Login from "./components/auth/Login";
import "./App.css";


class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <Navbar />
          <Route path="/" component={Landing} />
          <div className="container">
          <Route path="/register" component={Register}/>
          <Route path="/login" component={Login}/>
          </div>
          <Footer />
        </div>
        </Router>
    );
  }
}

export default App;

Answer 1

将exact 添加到您的初始路径中，否则它会被所有路径捕获，

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