解析错误：<Route> 需要对应的 JSX 结束标记？答案

【问题标题】：Parsing error: Expected corresponding JSX closing tag for <Route>?解析错误：<Route> 需要对应的 JSX 结束标记？
【发布时间】：2020-06-10 18:20:56
【问题描述】：

我正在尝试链接我的汽车页面，因此当点击它时可以转到该页面，但是这个错误不断弹出说 jsx 结束标记用于路线并且不知道为什么它会作为我的标签弹出关门了吗？

import React from 'react';
import logo from './logo.svg';
import './App.css';
import Header from './components/header';
import Footer from './components/footer';
import Home from './components/home';
import About from './components/about';
import Car from './components/car';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';

function App() {
  return (
    <Router>

      <Switch>
           <Route exact path="/">
              {create_page(<Home />)}
           </Route>
           <Route path="/home">
              {create_page(<Home />)}
           </Route>
           <Route path="/about">
              {create_page(<About />)}
              <Route path="/home">
                 {create_page(<Home />)}
              </Route>
              <Route path="/car">
                 {create_page(<Car />)}
           </Route>

         </Switch>

**Here is where I keep on trying to fix the code but it keeps on saying close tag for route yet route is already closed?**


  );
}

function create_page(page) {
    return (
    <div className="App">
      <div className="header">
         <Header />
      </div>
      <div class = "page">
        {page}
      </div>
      <footer>
        <Footer />
      </footer>
    </div>)
  }

export default App;

这是弹出的错误

解析错误：

应有相应的 JSX 结束标记

</Route>

</Switch>
 ^

【问题讨论】：

标签： python django reactjs jsx

【解决方案1】：

您忘记了“关于”路由的子节点之后的结束标记。

<Router>
    <Switch>
           <Route exact path="/">
              {create_page(<Home />)}
           </Route>

           <Route path="/home">
              {create_page(<Home />)}
           </Route>

           <Route path="/about">
              {create_page(<About />)}
            </Route> Here is the missing closing tag.

            <Route path="/home">
              {create_page(<Home />)}
            </Route>

            <Route path="/car">
              {create_page(<Car />)}
            </Route>
     </Switch>
</Router>

【讨论】：