קורס React 2020 שיעור ממש קצת JSX כדי שנוכל להתקדם

דיונים מקורסים
#1
זהו נושא דיון מלווה לערך המקורי שב־https://www.tocode.co.il/bundles/react/lessons/jsx
#2

הי,
בכל פרויקט שאני פותחת ומריצה את הקוד ,אני מקבלת את השגיאה הבאה:

Module not found: Can’t resolve ‘./react’ in 'D:\react\market\src
אשמח לדעת מה הבעיה זה נראה כמו בעיה בהתקנה אבל זו לא פעם ראשונה שאני כותבת קוד בריאקט ולא זוכרת שנתקלתי בזה ,
תודה!

#3

הי רות,

זה נשמע לי כמו בעיה בקוד. יכולה להעלות לגיטהאב פרויקט לדוגמה ולשלוח לי לינק אליו? (או בכל דרך אחרת שאוכל להסתכל על קוד הפרויקט)?

#4

תודה!
חושבת שמצאתי את הבעיה,
כתבתי בטעות :
import React from ‘./react’;
מחקתי את ‘/.’ וכתבתי 'import React from 'react; וזה עובד ככה.
נ.ב. נהנית מאד מהקורס, תודה.

לייק 1
#5

איזה קוד JS אפשר להזריק בתוך קוד פקד ואיזה לא?
כי ניסיתי לדוגמא לכתוב קוד של if רגיל ונוצרה לי שגיאה

#6

הי אפשר לראות את הקוד שזרק את השגיאה?

#7

קוד של if רגיל, לא המקוצר

#8

ב JavaScript פקודת if לא מחזירה ערך. לדוגמה הקוד הבא ב JavaScript לא תקין:

const x = if (2 < 5) { 4 } else { 6 }

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

#9

תודה על ההסבר
לפי זה גם קוד של לולאת for לא יעבוד?

#10

נכון יש בקורס שיעור בהמשך על לולאות בתוך JSX. אנחנו משתמשים בפקודת map שם במקום ב for בדיוק מהסיבה הזאת