[SalsaDeAmigo]

Chcę stworzyć tabelkę, która w kolumnach będzie zawierać inputy i będzie można edytować dane z BE. Problem mam taki, że tych obiektów mogą być tysiące, a po zmianie danych w inpucie robienie setState na tym ogromnym obiekcie ścina pc-ta. Jaki jest najlepszy sposób na modyfikację tych danych? #naukaprogramowania #react #javascript

[NiewzruszonaMasa]

@SalsaDeAmigo: w sensie do komponentu z listą inputów wrzucasz duży obiekt przez propa który zawiera dane do wyrenderowania tych inputów ?

Inputem sterujesz przecież na froncie, i później robisz coś z nimi. Czy chodzi ci o edycje z onChange.
Tzn że te inputy są od siebie zależne ? jak jeden dostanie on change to zmienia się coś w innym ?

[SalsaDeAmigo]

@NiewzruszonaMasa: Dostaję obiekt, który zawiera w sobie, powiedzmy, tysiąc obiektów. Każdy z tych obiektów ma reprezentować wiersz w tabeli. Robię loop po tym obiekcie, żeby wyciągnąć klucz + dane z obiektów wewnątrz i tworzę array. Potem w template robię loop po array i renderuję wiersz. Co robić na onChange? Oryginalny obiekt ze zmianami będzie potrzebny, żeby wysyłać do BE.

[PortowySzczur]

@SalsaDeAmigo: dlatego właśnie ludzie dodają akcje modyfikuj po prawej i otwierają nowy stan lub modal z elementem abyś mógł go wyedytowac tak a nie w tabelce. Albo dodają paginację. To nie Excel.

[SalsaDeAmigo]

@PortowySzczur: Co konkretnie masz na myśli pisząc "otwieraja nowy stan"? Jakie to ma znaczenie czy input będzie w modalu czy bezposrednio w kolumnie tabeli?

[PortowySzczur]

@SalsaDeAmigo: taki że nie masz jednego ogromnego formularza z przyciskiem save na dole więc nie musisz wysyłać posta z całą tą tabelką