Tái sử dụng thành phần

Đây là lúc component phát huy tác dụng: bạn có thể dùng một component bao nhiêu lần tùy thích. Mỗi <Star /> bên dưới là một bản sao mới:

function Star() {
    return <span>★</span>;
}

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

Ba ngôi sao trên màn hình, một định nghĩa trong code. Chỉ cần thay đổi định nghĩa một lần. Mọi bản sao đều được cập nhật. Đó là sức mạnh tái sử dụng mà HTML chưa từng có.