אשמח לעזרה בריאקט.

[אישונת]

שלום לכולם,
אשמח לקבל עזרה בנושא הבא:

יש לי דף ראשי (1) שמכיל בתוכו קומפוננטה (2) שמכילה קומפוננטה (3)
בראשי אני מבצעת קריאה לAPI ומקבלת משם נתונים איתם אני בונה את 2 ו3.
ברגע שאני מגיעה ל3 אני בודקת האם הוא מכיל נתון מסויים ואם כן קוראת לAPI נוסף (את הקריאה אני עושה ב1).
מה שקורה,
הוא מבצע לי את כל השלבים, אבל את הקריאה המשנית הוא לא מציג לי ב3. רק ב1 ו2.
יש למישהו מושג מה ניתן לעשות?

מקווה שהיה מספיק ברור.

 

[java]

שלום לכולם,
אשמח לקבל עזרה בנושא הבא:

צפה בקובץ המצורף 689526
יש לי דף ראשי (1) שמכיל בתוכו קומפוננטה (2) שמכילה קומפוננטה (3)
בראשי אני מבצעת קריאה לAPI ומקבלת משם נתונים איתם אני בונה את 2 ו3.
ברגע שאני מגיעה ל3 אני בודקת האם הוא מכיל נתון מסויים ואם כן קוראת לAPI נוסף (את הקריאה אני עושה ב1).
מה שקורה,
הוא מבצע לי את כל השלבים, אבל את הקריאה המשנית הוא לא מציג לי ב3. רק ב1 ו2.
יש למישהו מושג מה ניתן לעשות?

מקווה שהיה מספיק ברור.

1. את יכולה לשלוח את מה שחוזר מהקריאה בprops לקומפוננטות אבל זה לא קוד נקי
2. ניתן לפתור את זה עם שימוש בreact hooks content.
3. הכי פשוט, למה את לא עושה את קריאת השרת ישירות מ3?

 

[אישונת]

1. את יכולה לשלוח את מה שחוזר מהקריאה בprops לקומפוננטות אבל זה לא קוד נקי

שלחתי את זה לקומפוננטות אבל משום מה זה לא מגיע ל3 ורק ל2. (בדקתי בCONSOLE)

2. ניתן לפתור את זה עם שימוש בreact hooks content.

לא מכירה. תוכלי לתאר לי במשפט, אבדוק אח"כ בגוגל.

הכי פשוט, למה את לא עושה את קריאת השרת ישירות מ3?

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

 

[java]

לא מכירה. תוכלי לתאר לי במשפט, אבדוק אח"כ בגוגל.

https://reactjs.org/docs/hooks-reference.html#usecontext
אם את משתמשת באפליקציה בRedux/Mobx אז הכוונה אליהם.

רציתי לרכז את כל הקוד ה"כבד" בקומפוננטה הראשית,

לא שמים 'קוד כבד' בUI בכלל.
מקובל לפצל לתיקיית APIs ואז אין בעיה להפעיל את הפונקציות מכל קומפוננטה שהיא בפקודה אחת.

וגם מנסיון שלי כשאני מעבירה מידה האלמנטים של USESTATE מתעדכנים מיד (מה שלא קרה לי באותה קומפוננטה).

לא הבנתי....

 

[תודה על חיים...]

לא שמים 'קוד כבד' בUI בכלל.
מקובל לפצל לתיקיית APIs ואז אין בעיה להפעיל את הפונקציות מכל קומפוננטה שהיא בפקודה אחת.

יותר מזה, אם את לא משתמשת בתוכן שמגיע בקומפוננטה מספר 1 ו - 2,
תגרמי לרנדר מיותר ב -קומפוננטה 1, 2 ו -3 במקום רק ב 3.
אם את כן משתמשת, ממליצה לך, כמו ש @java כתבה להשתמש ב hook - useContent \ mobx\ redux

ודבר שני,
האם העברת את התוצאה בכלל לקומפוננטה מספר 3? ואם כן, איך העברת?
נראה שהעברת לקומפוננטה 2 ולא העברת ממנה לקומפוננטה מספר 3.

 

[אישונת]

האם העברת את התוצאה בכלל לקומפוננטה מספר 3? ואם כן, איך העברת?
נראה שהעברת לקומפוננטה 2 ולא העברת ממנה לקומפוננטה מספר 3.

העברתי בתור משתנה useState.

 

[אישונת]

תודה על העזרה.
אני אנסה להשתמש בuseContent

 

[תודה על חיים...]

העברתי בתור משתנה useState.

אם הבנתי נכון, אז משתנה ה useState נמצא בקומפוננטה מספר 1,
העברת אותה בתור משתנה useState לקומפוננטה מספר 2 שהיא מרנדרת את קומפוננטה מספר 3.
אז קומפוננטה מספר 2 צריכה להעביר לקומפוננטה מספר 3 את ה props שהיא קבלה מקומפוננטה 1, ולא את ה state שלה,
אבל באמת בריאקט לא מקובל להעביר בעצים ארוכים את המידע, ככה ששימוש ב useContent יהיה לך עדיף.
או, כמובן קריאת api דרך קומפוננטה מספר 3.