[C.....y]

#programowanie #react #frontend
Da się jakoś wymusić wywołanie setState() w jednym komponencie, żeby drugi komponent (który wyświetla rezultat, który docelowo ma się brać właśnie z tego State) wiedział o nim zanim się wyrenderuje?

W React'cie jestem bardzo początkujący i aktualnie drugi komponent próbuje się wyrenderować zanim wywoła się setState() przez co oczywiście wywala error bo nie ma skąd wziąć wartości które są oczekiwane.

[zackson]

@Czarzy setState() możesz sam wywołać kiedy chcesz.

[C.....y]

@zackson: ale to jest wywoływane asynchroniczne, chodzi mi o to żeby "wymusić" wywołanie w dokładnie tym momencie w którym chcę.

[Radaka]

@Czarzy: Wyświetlasz drugi komponent w chwili w której masz już ustawiony state

[C.....y]

@Radaka: problem jest następujący:
1 komponent wyświetla tabelę z wynikami w układzie [label z datą]:[wynik]
renderuje ten układ w oparciu o wpisywane dane w tym momencie, czyli podczas edycji, i jak sobie zmienię datę w kalendarzu to muszą te dane przeskakiwać: to jest jeden State

2 komponent renderuje generalny panel, który wyświetla w rowach nazwy tych tabel, które można dodawać albo edytować. Więc dopiero po tym jak pierwszy komponent zostanie edytowany

[Radaka]

@Czarzy: {this.state.data ? : null }

[zackson]

Dlatego potrzebuję żeby setState się wywoływał natychmiastowo

@Czarzy: pamietaj ze sam setState jest asynchroniczny.
https://reactjs.org/docs/conditional-rendering.html

[C.....y]

@zackson: wiem. Sęk w tym że ja nie wiem czy mogę sobie uzależnić render od tego state bo renderuje się też state z oryginalnego komponentu. Ogólnie to ja bym napisał wszystko inaczej, póki co staram się ogarnąć stary kod, ale jeśli będzie trzeba to po prostu przerobię to na jeden komponent i tyle.

JS i jego frameworki to coś pięknego... Chciałbym mieć do czynienia tylko z moim backendem ale na razie

[Pedalek]

@Czarzy: Pokaz kod

[C.....y]

Wybacz chaos, nie mogę wrzucić kodu

@Pedalek

[Pedalek]

@Czarzy: Bez tego ciężko pomoc. No trudno.

[C.....y]

@Pedalek: wiem, dlatego tak ogólnie pytam czy ktoś zna jakieś hacki

[Pedalek]

@Czarzy: ogólnie setState jako jeden z parametrów przyjmuje callback, wiec może tam powinieneś próbować

[C.....y]

@Pedalek: no właśnie próbowałem, ale sęk w tym że jest logika podzielona na 2 komponenty a nie mogę korzystać z metod tego pierwszego w drugim (na odwrót już tak), tak jest stworzony kod ;)

Mogę wiec przekazać state do pierwszego ale niestety nie mam kontroli nad tym kiedy się on wyrenderuje bo nie mogę wywołać callbacka z pierwszego i tak się kręci karuzela #!$%@?

[techko]

w sumie troche zagmatwanie to napisales, ale mozesz dodac do state jakiegos boola, ktory zostanie zmieniony, jesli w innym komponencie ruszy juz setState (wrzuc w callback) i jesli ten bool bedzie false/ true, zwyczajnie wyswietlisz pusty element a jesli masz juz dane to wyrenderuje ci formatowane dane

ale sęk w tym że jest logika podzielona na 2 komponenty a nie mogę korzystać z metod tego pierwszego w drugim (na odwrót już tak),

[Pedalek]

@Czarzy: Tak jeszcze pomyślałem, w jaki sposób komponujesz te komponenty? Jeden jest w drugim, czy obydwa są częścią jakiegoś innego? Bo jeśli ta druga opcja, to może spróbuj przenieść całą logikę do komponentu wyżej, a te niżej uzależnić od imputu z tego wyżej.

[rimyi]

@Czarzy: nie wystarczy zwracac starego state jezeli nie zostal zmieniony przez getDerivedStateFromProps?

[C.....y]

@Pedalek: @rimyi: obszedłem to w inny sposób na szczęście :)