شرح صفوف ومحتوى الفقرة
تكتسب المكونات القابلة لإعادة الاستخدام قوتها الحقيقية عندما تستطيع الدالة الواحدة عرض عناوين وأسعار وشارات مختلفة بحسب موضع استدعائها. في مكتبة React، يمرر المكون الأب البيانات إلى المكون الابن عبر الخصائص (props)، وهي تعمل تماماً كالمعاملات الممررة إلى أي دالة JavaScript قياسية.
عند كتابة <CourseCard title="React Foundations" lessons={12} />، تجمع React كافة السمات الممررة في كائن واحد متماسك وتسلمه كمعامل أول إلى دالة CourseCard().
HTML
function CourseCard(props) {
return (
<article className="rx-card">
<h3>{props.title}</h3>
<p>Lessons: {props.lessons}</p>
</article>
);
}