ملخص: المكونات
جزء من قسم الأساسيات في رحلة React على Coddy — الدرس 15 من 42.
التحدي
سهلملخص الفصل: قم ببناء صفحة من مكونين، باستخدام كل ما تعلمته في هذا الفصل.
- قم بتعريف مكون
Header: وهو عبارة عن<h1>معid="title"والنصCoddy Shop. قم بعملrenderله أولاً داخل عنصر<div>الخارجي الخاص بـ App. - قم بتعريف مكون
Badgeيعيد<span>★</span>. - داخل عنصر
<div id="badges">الموجود، قم بعملrenderلـ Badge مرتين: تعريف واحد واستخدامان.
جرّب بنفسك
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>جميع دروس الأساسيات
2تعبيرات JSX
الأقواس المعقوفةالعمليات الرياضية داخل الأقواسالأقواس في السماتاستدعاء الدوال في JSXملخص: تعبيرات JSX5الحالة والأحداث
ما هي الحالة (State)؟عداد النقراتالعد بخطواتالتبديل باستخدام الحالةحالة مستقلةملخص: الحالة والأحداث8مشروع: بطاقة الملف الشخصي
الخطوة 1: هيكل البطاقةالخطوة 2: بطاقة مع Propsالخطوة 3: زر الإعجابالخطوة 4: تبديل المتابعة