用react創建組件的問題

Question

我確實遇到了一些問題，我創建了一個React 項目，然後為我的組件創建了另一個.jsx，但是當我將其添加到“app.jsx”時，它不起作用，我看到聲明了“header”，但它的值從未被讀取。 ts(6133)' 這是APP.JSX的程式碼

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

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

這裡是程式碼 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