Twój drugi komponent

Wyodrębnijmy komponent. W jednym pliku możesz zdefiniować tyle komponentów, ile chcesz: mniejsze u góry, a App na dole:

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

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

Tylko App ma export default: to komponent wejściowy renderowany przez main.jsx. Pozostałe to wewnętrzne funkcje pomocnicze.