为什么下面显示的代码仅在不包含某些部分时才有效？答案

【问题标题】：Why does the code shown below only work if certain parts arent included?为什么下面显示的代码仅在不包含某些部分时才有效？
【发布时间】：2022-11-02 22:37:38
【问题描述】：

为什么下面显示的代码仅在不包含某些部分时才有效，我有两个文件，但其中只有一个显示了真正的问题，所以我现在将专注于那个。我有点疯了，因为我现在正在寻找大约 2 1/2 小时的解决方案。

import './App.css';
import Navbar from './Components/Navbar';
import {BrowserRouter as Router, Routes, Route } from 'react-router-dom'

function App() {
  return (

    
    <div className='App'>
      <h1> Hi </h1>
      
      
      <>
      <Router>
        <Navbar/>
          <Routes>
          <Route path='./Navbar' exact/>
          </Routes>
      </Router>
      </>
    </div>
  );
}

export default App;

当我删除整个路由器导航栏和下面的任何其他容器时，这里的 h1 我将文本设置得太高，因为 evxample onyl 会显示在我的网站上

【问题讨论】：

<> 和 </>，是指 <div> 和 </div> 吗？看起来你已经破坏了html。
<></> 很好，它是一个片段。我无法重现您的错误。打开开发者工具控制台时是否看到错误消息？这是什么版本的 React？

标签： html css reactjs

【解决方案1】：

在代码沙盒中测试后，代码实际上运行正常。网页上有 TypeErrors 和未捕获的钩子异常的问题。对于那些我仍在寻找修复。但是代码工作得很好

【讨论】：