Thành phần thứ hai

Hãy tách một thành phần. Bạn có thể định nghĩa bao nhiêu thành phần tùy thích trong một tệp: các thành phần nhỏ hơn ở trên, App ở dưới cùng:

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

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

Chỉ App có export default: đây là thành phần khởi chạy mà main.jsx kết xuất. Các thành phần còn lại là hàm hỗ trợ nội bộ.