הסבר על Multiple Props Children

תמלול ההרצאה: הסבר על Multiple Props Children

הטקסט המלא של הדקות הראשונות בהרצאה «הסבר על Multiple Props Children» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:02

   באמת אנחנו רוצים לראות איך אנחנו יכולים להעביר children אבל שה-children יודע לטפל בסדרת תגיות שנמצאות פה בתוך ה-component כ-children. בואו טיפה רק נקצר את זה, בואו נגיד שיש לנו פה strong amazing products וכל מה שאני כותב כרגע זה תגית אחת שנמצאת ישירות בתוך הקומפוננט, ונשכפל את זה.

2. 00:36

   יש לנו Amazing Products, יש לנו, בוא נגיד, Exotic Products, יש לנו IQuality Product. עכשיו, ברור שזה אמור לעבוד, נכון? זה ה-children שיש לנו, אוקיי?

3. 00:57

   אז אם אנחנו שולחים את זה, מה אנחנו בעצם אמורים לראות? כל זה, מפה עד לפה, אנחנו אמורים לראות כאן, ואחריהם לב כחול. בואו נבדוק את זה, והנה יש לנו Amazing Products, Exotic Products, High Quality Products, ממש בצורה כזאת.

4. 01:22

   נרווח פה טיפה, יופי, וזה בסדר. אבל אנחנו יכולים לבנות את הסלוגן שלנו בשיטה שהיא תתמוך באופן שונה ברשימה הזאת.

5. 01:42

   כמובן, אם זה משהו שמתאים לנו, בואו נשים את זה רגע בהערה זה היה אפשרות לסינגל נקרא לזה סינגל שילד רן אלמנט ואנחנו רוצים טכניקה שנקראת מלטיפל שילד רן אלמנט ולהתייחס אליהם לא כסינגל אלא כמלטיפל מה אנחנו בעצם צריכים לעשות אז אנחנו רוצים לשים כאן אינטרפוליישן ויש לנו מחלקה שנקראת שילד רן שימו לב זה לא

6. 02:25

   מה ה-children הזה עם שיא קטנה? זה children עם שיא גדולה ויש לה כל מיני שירותים שקשורים ל-children. היא יכולה להגיד לנו כמה children יש, היא יכולה לבחור אחד, היא יכולה להפוך אותם למערך, היא יכולה לרוץ עליהם ב-foreach.

7. 02:41

   בואו נרוץ עליהם עם map. ואנחנו צריכים לשלוח לתוך הפונקציה הזאת את ה-children, זה יהיה props.children וזה זה. מה שאנחנו רוצים לשלוח עוד זה פונקציה של מה לעשות עם ה-children האלה.

8. 03:08

   אז אנחנו רוצים עבור כל children,