Probleme beim Erstellen von Komponenten mit React

Question

Ich hatte einige Probleme, ich habe ein React-Projekt und dann ein weiteres .jsx für meine Komponente erstellt, aber als ich es zu „app.jsx“ hinzugefügt habe, hat es nicht funktioniert, ich habe gesehen, dass die Anweisung „header“ gefunden wurde, aber sie ist Wert wird nie gelesen. ts(6133)' Dies ist der Code für APP.JSX

import './App.css'
import header from './header.jsx';
function App() {

  return (
    <div className="App">
      <header/>
    </div>
  )
}
export default App

Hier ist der Code HEADER.JSX

function header() {
    return (  
<div className='header'>
</div>
    );
}
export default header;```
ı just want to connect app.jsx and header.jsx

Answer 1

将组件 header 重命名为 Header，就像在 React 中一样，组件以大写字母开头。 https://pusher .com/blog/troubleshoot-react-errors/#not-starting-component-names-with-a-capital-letter