למישהי יש רעיון איך לממש מערך של אובייקטים עם מיקומים (טור ושורה) בטבלה בריאקט (grid)?

[שיינדי דייג]

לטבלה יש 2 עמודות ו4 שורות.
ולא כל העמודות מלאות...
לצרוך הדוגמא יש מערך של 4 ריבועים, כל אחד ממוקם בעמודה אחרת בטבלה.
תודה!

 

[java]

אני לא יודעת באיזו ספרית UI ובאיזו קומפוננטה את משתמשת בשביל הטבלה,
אבל ברוב הקומפוננטות המבנה הוא שמקבלים בין היתר prop שנקרא renderItem והוא מחזיר את הקומפוננטה שבכל משבצת.
את יכולה להחזיק ליסט עם חורים (מקומות שהם null למשל)
ובrenderItem להחזיר null עבורם.

 

[שיינדי דייג]

את מתכוונת לאתחל את המערך של האובייקטים שיהיו בו איברים כמספר המשבצות בטבלה?

 

[java]

את מתכוונת לאתחל את המערך של האובייקטים שיהיו בו איברים כמספר המשבצות בטבלה?

בדיוק.
מלאים וריקים לסירוגין לפי הצורך.

 

[שיינדי דייג]

בדיוק.
מלאים וריקים לסירוגין לפי הצורך.

אוקיי, ואיך משתמשים בrenderItem? אני משתמשת בריאקט בוטסטראפ

 

[שיינדי דייג]

ועוד משהו, אם אני עושה ככה אז מה המשמעות של המיקומים לכל אובייקט? אם אני פשוט ממלאה לפי הסדר...?

 

[java]

אוקיי, ואיך משתמשים בrenderItem? אני משתמשת בריאקט בוטסטראפ

איזו קומפוננטה של ליסט יש שם?
פחות מכירה את ריאקט בוטסטראפ.

 

[java]

ועוד משהו, אם אני עושה ככה אז מה המשמעות של המיקומים לכל אובייקט? אם אני פשוט ממלאה לפי הסדר...?

לא הבנתי.
הוא רץ לפי הרשימה וממקם במקום הנכון.
אחרת איך תדעי שדווקא בשורה הX את רוצה למלא?

 

[שיינדי דייג]

איזו קומפוננטה של ליסט יש שם?
פחות מכירה את ריאקט בוטסטראפ.

לא השתמשתי בקומפוננטה של ליסט, עשיתי מערך רגיל

 

[שיינדי דייג]

לא הבנתי.
הוא רץ לפי הרשימה וממקם במקום הנכון.
אחרת איך תדעי שדווקא בשורה הX את רוצה למלא?

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

 

[java]

לא השתמשתי בקומפוננטה של ליסט, עשיתי מערך רגיל

זה לא מומלץ, כי קשה יותר לעצב ככה,
אבל בכזה מקרה הrenderItem הוא הפונקציה של הmap.

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

האמת שאני צריכה יותר להבין מה המטרה שלך כדי למצוא פיתרון יעיל.

 

[ש.ב.ח.]

לא הבנתי ב100%
מה הבעיה לפעול כך

{rows.map((row, indexRow) => (
<Fragment key={indexRow}>
 <tr>
  {columns.map((column, indexCol) => (
   <td key={indexCol}>
   {row[indexCol]}
   </td>
  ))}
 </tr>
</Fragment>
))}