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

1. דוגמת קוד

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

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

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

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

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

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