Masalah dengan mencipta komponen menggunakan tindak balas

Question

Saya mempunyai beberapa isu, saya mencipta projek React dan kemudian satu lagi .jsx untuk komponen saya, tetapi apabila saya menambahkannya pada "app.jsx" ia tidak berfungsi, saya melihat pernyataan "header" ditemui, tetapi ia nilai tidak pernah dibaca. ts(6133)' Ini ialah kod untuk APP.JSX

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

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

Berikut ialah kod HEADER.JSX

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

Answer 1

Tulis Komponen header 重命名为 Header Sama seperti dalam React, komponen bermula dengan huruf besar. https://pusher .com/blog/troubleshoot-react-errors/#not-starting-component-names-with-a-capital-letter