• בלוג
  • איך לא לספור ילדים ב React

איך לא לספור ילדים ב React

27/03/2017

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

ל React יש את React.Children שאמור לעזור לנו לעבוד עם פקדים שמכילים פקדים אחרים. אז למה הוא לא סופר כמו שהיינו מצפים?

1. דוגמת קוד

נתבונן בקוד הבא:

הרכיב Container מדפיס את מספר הילדים שקיבל בשני אופנים: האחד הוא שימוש בפונקציה React.Children.count והשני שימוש ב React.Children.toArray ואז בדיקת האורך של המערך.

התוצאה בכל אחד מהמקרים שונה: החישוב עם count סופר את false בתור ילד, למרות שערך זה לא מופיע ב DOM. המרה למערך כבר מתעלמת מהערך הריק false.

2. איך זה משפיע עליכם

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

ואולי זו פשוט עוד סיבה להקשיב לויטאלי ולהפסיק לעבוד עם JSX