شرح صفوف ومحتوى الفقرة
ماذا لو احتاج مكون التخطيط إلى أكثر من منطقة محتوى واحدة، كشريط رأس علوي ومنطقة وسطى وتذييل سفلي؟ بما أن عناصر JSX ما هي إلا كائنات JavaScript عادية، يمكنك تمرير أشجار عناصر كاملة عبر منافذ عرض مسماة (Named Slot Props) مثل header وfooter جنباً إلى جنب مع children للمحتوى الرئيسي.
HTML
function PanelLayout({ header, footer, children }) {
return (
<article className="rx-card">
<header>{header}</header>
<div>{children}</div>
<footer>{footer}</footer>
</article>
);
}