סיכום: טפסים ושדות קלט
חלק מהיחידה יסודות במסלול ה-React של Coddy. שיעור 32 מתוך 42.
אתגר
בינוניסיכום הפרק. בנו בורר כינויים עם הלולאה המלאה של קלט מבוקר: מקלידים, צופים במשוב בזמן אמת, ומנקים.
- הפכו את שדה הקלט (
id="nick") למבוקר באמצעות המצבnick, שמתחיל ריק. - הפסקה (
id="meter") מציגהN of 12, כאשר N הוא האורך הנוכחי של הכינוי (למשל, בהקלדתCoddy→5 of 12), ערך נגזר ולא מאוחסן. - הכפתור
id="clear"מרוקן את הכינוי ואת שדה הקלט.
נסו בעצמכם
<!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: הפעלה וכיבוי של מעקב