شرح صفوف ومحتوى الفقرة
كلما وضعت عناصر بين وسمي الفتح والإغلاق لمكون مخصص مثل <SurfaceCard>...</SurfaceCard>، تمرر مكتبة React ذلك المحتوى تلقائياً داخل خاصية محجوزة باسم children. وبمجرد تفكيك { children } ووضعها داخل بنية الغلاف، يتحول المكون إلى حاوية قياسية تستقبل النصوص والصور والمكونات الفرعية بسلاسة.
HTML
function SurfaceCard({ children }) {
return <div className="rx-card">{children}</div>;
}
function App() {
return (
<SurfaceCard>
<h3>Workspace Ready</h3>
<p>Nested via children prop.</p>
</SurfaceCard>
);
}