Create a React component that uses composition to include a header, main content, and footer. Which code snippet is correct?

Đáp án đúng: "function App() {

return (<div><Header /><MainContent /><Footer /></div>);

}". Composition (kết hợp) nghĩa là dựng component lớn bằng cách ghép các component nhỏ làm con của nó; bố cục trang thông thường đọc từ trên xuống nên App phải render Header trước, rồi MainContent ở giữa, cuối cùng là Footer, và JSX hiển thị các con đúng theo thứ tự chúng được viết trong thẻ div. Cả bốn đoạn mã đều hợp lệ về cú pháp và đều là composition, chỉ khác nhau ở thứ tự: đoạn chứa "

<Header />
<Footer />
<MainContent />

" đặt chân trang lên trước nội dung chính; đoạn chứa "

<div>
  <MainContent />
  <Header />

" đẩy nội dung chính lên trên cả đầu trang; đoạn chứa "

<div>
  <Footer />
  <Header />

" đưa chân trang lên vị trí đầu tiên. Ba bố cục đó vẫn chạy được nhưng sai yêu cầu đầu trang, nội dung chính rồi chân trang.