用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