شرح صفوف ومحتوى الفقرة
يحل التركيب أيضاً مسألة تخصيص المكونات (Specialization) بأناقة بالغة؛ فعندما تمتلك مكوناً عاماً مثل <NoticeBanner> وتريد إنشاء نسخة متخصصة كتنبيه نجاح <SuccessBanner>، يقوم المكون المتخصص ببساطة بإرجاع المكون العام مع ضبط خصائصه اللونية والعنوانية مسبقاً وتمرير {children} بداخله.
HTML
function Notice({ badge, children }) {
return (
<aside className="rx-card">
<strong>{badge}</strong>
<div>{children}</div>
</aside>
);
}
function SuccessNotice({ children }) {
return <Notice badge="Success">{children}</Notice>;
}