React 应用程序在加载时卡在加载时，并且不渲染组件

Question

我无法在App组件中渲染header组件。不确定在react 18中是否发生了变化，它只是继续在本地主机上加载。请找到下面的代码片段。有人能帮帮我吗?

Header.jsx

import React from 'react'
function Header() {
return (
<Header className='container'>
<h2>React App</h2>
</Header>  
)
}
export default Header

App.js

import Header from "./components/Header"
function App() {
return (
<>
<Header/>
</>
)
}
export default App

Index.js

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import './index.css'
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<React.StrictMode>
<App/>
</React.StrictMode>
);

Answer 1

看来你没有使用一个ui-kit，其中包括一个组件名称<Header/>然后，我猜你的根标签:<Header></Header>在Header.jsx是错误的，你指的是<header></header>吗?