شرح صفوف ومحتوى الفقرة
تعتمد أنظمة التصميم الاحترافية على بناء مكونات واجهة عامة مثل <ActionButton> تضبط المظهر البصري وإتاحة لوحة المفاتيح دون فرض منطق عمل ثابت بداخلها، ثم يمرر المكون الأب السلوك المطلوب كخاصية مثل onPlay أو onUpload ليربطها الابن بعنصر <button> الفعلي.
HTML
function ActionBtn({ onRun, children }) {
return <button onClick={onRun}>{children}</button>;
}
function MediaBar({ onReport }) {
return (
<ActionBtn onRun={() => onReport('Play')}>
Play Video
</ActionBtn>
);
}