ReactJS kalendarz

pytanie zadane 12 lipca 2018 w JavaScript przez kenjiro244 Dyskutant (8,600 p.)

Witam.

Więc po kolei. Tworzę kalendarz w reactJS.

Mam coś takiego pastebin. I teraz chciałbym do każdego elementu CalendarDay dodać wydarzenia pobierane z bazy danych w miejscu componentDidMount() w elemencie CalendarTable. No i teraz mam pytanie jak tego dokonać :D. Próbowałem dla całego kalendarza stworzyć tablicę elementów CalendarDay które miałby w sobie funkcje która dodawałaby te wydarzenia jednak zatrzymałem się już przy samym wywołaniu ->

this.arrayOfDays[result[key].day].addEvent(result[key]);

Pojawia się błąd o tym że addEvent nie jest funkcją :(

A więc jak poprawnie dodać te wydarzenia? Może pobierać je jeszcze przed wyświetlaniem divów z kolejnymi dniami? Ale tu z kolei problem dalej pozostanie dla wydarzeń dodawanych w trakcie korzystania ze strony nie wczytywanych.

Oraz czy jest to sensownie napisane i czy powinienem zastosować inne podejście.

1 odpowiedź

odpowiedź 12 lipca 2018 przez ShiroUmizake Nałogowiec (46,300 p.)

Właściwie co ty próbujesz osiągnąć? Bo ja sie już zgubiłem.

komentarz 12 lipca 2018 przez kenjiro244 Dyskutant (8,600 p.)

mam kalendarz w którym każdy dzień to osobny div(CalendarDay) i chcę do każdego dnia dodać wydarzenie coś jak calendar tylko wydarzenia są na jeden dzień

komentarz 12 lipca 2018 przez ShiroUmizake Nałogowiec (46,300 p.)

1. Pobierasz dane ile dni jest w miesiacu

2. Walisz grida/ na parent

3.Robisz for dla komponentu calendarDay

4.W tym calendarDAY przekazujesz propy i tutaj robisz eventy.

komentarz 12 lipca 2018 przez kenjiro244 Dyskutant (8,600 p.)

Czyli inaczej najpierw pobrać dane potem dopiero zacząć renderować cały kalendarz i na bieżąco dodawać elementy. No ok ale co w przypadku kiedy chcę dodać nowe wydarzenie czy jest możliwość aby wybrać konkretny dzień i w nim dodać kolejne wydarzenie?