יצירת Class Component
Logo שנבנה קודם.Logo הקיים להערה, כדי להשוות.Logo, שיורשת (extends) מ-Component של React. מייבאים אותו מ-react.render: בתוך המחלקה אי אפשר לכתוב return ישיר. מגדירים פונקציה בשם render, והשם חייב להיות בדיוק כזה. התוכן הקודם של הפונקציה, ה-return עם ה-JSX, נכנס אליה.export default לשם המחלקה.render.פרקי ההרצאה: יצירת Class Component
תמלול ההרצאה: יצירת Class Component
הטקסט המלא של הדקות הראשונות בהרצאה «יצירת Class Component» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אנחנו מגיעים לנתון הבסיסי הבא בריאקט וזה קלאס קומפוננט סוף סוף אנחנו הולכים לראות איך אנחנו יכולים לבנות קומפוננט כקלאס ולא כפאנקשן קודם כל למה לנו לבנות קומפוננט כקלאס זה היה אחלה עד היום לבנות קומפוננט כפונקציה רוב הקומפוננטים שאתם תרצו לבנות זה פאנקשן על קומפוננט קומפוננט צריך להיות משהו שמתאר UI פשוט
יחסית לא גדול מבחינת מורכבות של html ולכן פונקשן קומפוננט אמור להספיק ברוב הגדול של המקרים אם הקומפוננט שלכם צריך יותר מדי פונקציות פנימיות לשימוש הוא יותר מדי מורכב יש לו יותר מדי דברים שאולי קלאס מאפשר לי לעשות בצורה יותר פשוטה ולא פונקשן אז יותר נכון יהיה לבנות אותו על ידי קלאס קומפורננט רק בשביל לפשט את העבודה
עם הקוד, רק בשביל שהקוד יהיה יותר פשוט. למה לנו לעשות הרבה פונקציות בקומפורנט? אנחנו נראה בהמשך מתי בדיוק יש לנו כל מיני פונקציות שונות שאנחנו צריכים בתוך הקומפורנט עצמו.
הסרטון הזה כרגע אנחנו רוצים לראות רק איך בונים קומפורנט כקלאס קומפורנט. מה שאנחנו נעשה זה ניקח את הקומפורנט האחרון לדוגמה שבנינו, הלוגו הזה, אני אשים את כולו בהערה ואני אבנה אותו כקלאס קומפורננט.
קודם כל יש לנו גם בקומפורנט של הקלאס קומפורנט את שני החוויה האלה פה למעלה וזה כמובן משהו שאנחנו צריכים אולי נעשה פה איזה קו הפרדה כזה מקודם זה היה הפאנק של הקומפורנט עכשיו אנחנו רוצים קלאס קומפורנט בצורה אחרת לגמרי ובשביל לבנות קלאס קומפורנט כמובן אנחנו צריכים עכשיו קלאס קומפוננט בשביל לבנות אותו כקלאס קומפוננט אנחנו פשוט בונים
קלאס ואותו השם שנתנו מקודם לפונקציה אנחנו נותנים לקלאס לא משנה מה השם כרגע קראנו לו לוגו אותו הדבר כמו מקודם אני קורא לו עכשיו כאן לוגו Extends Component אנחנו צריכים פשוט לרשת מקלף שנקראת קומפוננט ששייכת לריאקט הנה היא נמצאת כאן הרבה פעמים פשוט מרימים את זה למעלה,
שמים את זה פה למעלה. מה אנחנו עושים בתוך ה-class? אנחנו לא יכולים לכתוב בתוך ה-class "return", וזה ברור.
אנחנו בונים פונקציה שנקראת render, והיא חייבת להיקרא render, וכל הפונקציה הקודמת שהייתה לנו למעשה בפונקצ'יונל