شرح صفوف ومحتوى الفقرة
لمنع نقرة زر فرعي من تشغيل حدث البطاقة الأب أو خلفية النافذة المنبثقة عن طريق الخطأ، استدعِ الدالة e.stopPropagation() في بداية معالج العنصر الابن؛ وبذلك يتوقف صعود الحدث عند هذا المستوى مع إتمام مهمة الزر الفرعي بنجاح.
HTML
function CourseCard({ onLog }) {
const stopAndSave = (e) => {
e.stopPropagation();
onLog('Bookmarked only!');
};
return (
<div onClick={() => onLog('Opened Card')}>
<h4>Modern React State</h4>
<button onClick={stopAndSave}>Bookmark</button>
</div>
);
}