Problèmes lors de la création de composants à l'aide de React

Question

J'ai eu quelques problèmes, j'ai créé un projet React puis un autre .jsx pour mon composant, mais quand je l'ai ajouté à "app.jsx", cela n'a pas fonctionné, j'ai vu que l'instruction "header" est trouvée, mais c'est la valeur n'est jamais lue. cs(6133)' C'est le code pour APP.JSX

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

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

Voici le code HEADER.JSX

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

Answer 1

Écrire des composants header 重命名为 Header Tout comme dans React, les composants commencent par une lettre majuscule. https://pusher .com/blog/troubleshoot-react-errors/#not-starting-component-names-with-a-capital-letter