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

Posted 2023-02-21

【中文标题】React JS路由路径不起作用[重复]

【英文标题】：React JS Route Path Not Working [duplicate]

【发布时间】：2018-11-20 06:35:18

【问题描述】：

我无法导航到它没有响应的 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;

【问题讨论】：

Route.exact 即。 <Route path="/" component=Landing exact/>

【参考方案1】：

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

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

【讨论】：

如果有效，请您接受堆栈溢出社区的答案...