שלב 3: כפתור לייק
חלק מהיחידה יסודות במסלול ה-React של Coddy. שיעור 41 מתוך 42.
אתגר
בינוניהוסיפו לייקים לכרטיס.
- הוסיפו ל־
ProfileCardמצבlikesשמתחיל ב־0. - הוסיפו כפתור עם
id="like"והטקסטLikeשמוסיף לייק אחד בכל לחיצה. - הציגו את הספירה בתוך
<span>עםid="likes".
נסו בעצמכם
<!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: הפעלה וכיבוי של מעקב