شرح صفوف ومحتوى الفقرة
لنطبّق عملياً بناء شجرة مكونات متدرجة حقيقية: مكون جذري App يجمع بداخله رأس الصفحة PortalHeader وملخص الموديول ModuleSummary والتذييل PortalFooter. لاحظ كيف يُقرأ المكون الجذري بوضوح تام كفهرس منظم للصفحة:
HTML
function PortalHeader() {
return <header><h2>CloseTag Academy</h2></header>;
}
function ModuleSummary() {
return <article><p>Module 1: React Foundations</p></article>;
}
function App() {
return <div><PortalHeader /><ModuleSummary /></div>;
}