הצגת Computed Values ב-MobX
props.groceryList.totalItems ושל props.groceryList.totalAmount.+ לפני הערך כדי להפוך אותו למספר.פרקי ההרצאה: הצגת Computed Values ב-MobX
תמלול ההרצאה: הצגת Computed Values ב-MobX
הטקסט המלא של הדקות הראשונות בהרצאה «הצגת Computed Values ב-MobX» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
אוקיי אז בואו נשתמש בהם בואו ניגש לאחד הקומפוננטות נגיד בואו ניגש לליסט ויש לנו כאן באמת את הכותרת הזאת אז אולי בכותרת נשתמש באזור של הכותרת בכדי להציג כמה אייטמס קיימים וכמה אמאונט אני אגדיר את זה כאייטמס אני אעטוף את זה בסוגריים אמאונט נעטוף בסוגריים וכאן אנחנו רוצים אינטרפוליישן
פשוט לפנות ל-crop גרוסרי ליסט טוטאל אייטמס בואו נעשה את זה גם כאן פרופס גרוסרי ליסט טוטאל אמאונט למה אנחנו לא משתמשים פה בפונקציה. מפני שהדבר הזה זה פרופרטי גתר בגלל שהגדרנו אותו על ידי פרופרטי וכך בעצם הוא אמור להיות מוגדר אז אפילו שאנחנו רואים שזה פונקציה ובפועל זה באמת פונקציה פרופרטי אנחנו קוראים
לו בלי סוגריים כאלה. אילו שהוא משתנה זה היתרון בפרופרטי הרבה יותר קל לעבוד עם משתנה מאשר פונקציה גם אם אני קורא אותו גם אם אני כותב אליו. אלה כמובן אנחנו לא יכולים לכתוב אליהם הם רק לצורך קריאה בלבד.
בואו נסתכל על זה רגע הנה אנחנו רואים שיש לנו אפס פריטים בואו נוסיף ברב ובואו נוסיף פרוץ וכבר אנחנו רואים שזה עובד כמו שצריך וזה לא כל כך.
הוא עשה לנו כאן שרשור מאיזושהי סיבה. בואו ניקח אוליב אויל שבע והוא פשוט משרשר. אני מניח שזה איזשהו באג אולי שיש להם כי זה אמור להיות נאמבר. בואו נראה שהגדרנו אותו כנאמבר.
כן זה נאמבר אז נגיד לו תשמע בוא תהפוך לי