Votre deuxième composant

Extrayons un composant. Vous pouvez définir autant de composants que vous le souhaitez dans un seul fichier : les plus petits en haut, App en bas :

function Welcome() {
    return <p>Glad you're here!</p>;
}

export default function App() {
    return (
        <div>
            <Welcome />
        </div>
    );
}

Seul App porte export default : c'est le composant d'entrée que main.jsx rend. Les autres sont des assistants internes.