[cr6d]

#programowanie #react #it

Jest ponizsza funkcja ktora ma za zadanie zwalidować dane w formData. W tym celu mam drugi stan isError w ktorym bede zapsisywal wynik true jesli wejdzie do bloku if jesli warunek zostanie spelniony. Problem mam taki że wchodzi mi do bloku if bo console.logi sie w konsoli pojawiaja a stanu przez setIsError nie zmienia. Po prostu przelatuje po kodzie i nie zmienia stanu. Gdzie jest błąd którego nie widzę a ktory to powoduje?
https://pastebin.com/fsrghnz8

[Rufurege1]

Pamiętaj, że wszystkie settery w React są asynchroniczne, jeśli w ciele funkcji validateForm będziesz robił console.log(isError) to nie zobaczysz żadnych zmian. Zmiany tego stanu będą dopiero dostępne po wykonaniu się tej funkcji.

[Rufurege1]

@cr6d: Nie wiem czy o to ci chodziło, a takto nie widzę błędu

[void_0]

@cr6d: Nie wiem dlaczego, ale pierwsze co rzuciło mi się w oczy to kilkukrotne aktualizowanie stanu w danej funkcji. Na twoim miejscu bym spróbował stworzyć kopie zmiennej isError (lub zupełnie nową zmienną) i jej pola pozmieniać na true/false i na sam koniec zrobić jeden update. Nie wiem czy w najnowszych wersjach dodali "batchowanie" stanu w funkcjach (coś o tym gadali, ale nie wiem czy to w końcu jest), ale powinien być

[cr6d]

wiem że jest asnychronicznie ale to nie był problem, własnie ogarnąłem sprawę. Kiedy pod rząd jest wywoływanych kilka zmian tego samego stanu jak u mnie w funkcji, react nie wywołuje tych setState za kzadym razem tylko robi to raz, mergując te setState i wywołuje się tylko ten ostatni efekt setState. Tak samo jakbys mial pod rzad setState(count +1): setState(count +1), to count nie bedize miało 3 , tylko 2,

[cr6d]

@void_0: dokladnie jest tak jak mowisz wlasnie napisalem komentarz o tym, też na to wpadlem i zrobilem tak jak pisales ze robie kopie tego stanu, zmieniam ja w ifach a na koncu dopiero robie update stanu przez setIsError

[wybacz]

@cr6d:

Kiedy pod rząd jest wywoływanych kilka zmian tego samego stanu jak u mnie w funkcji, react nie wywołuje tych setState za kzadym razem tylko robi to raz

a jakbys zrobil tak?

setIsError(prev => ({
...prev,
email: true,
}));

[cr6d]

@wybacz: tez nie działało, zobacz mój komentarz wyżej i komentarz -
@void_0: z tym batchowaniem to chyba jest od zawsze tylko kompletnie zapomnialem o tym

[cr6d]

@Rufurege1: odpisałem wyżej ale zapomnialem dodac twojego nicka xD

[Rufurege1]

@void_0: uu mamy tutaj seniora xd

[void_0]

@Rufurege1: Hah, rozbawił mnie twój komentarz XD no tak, jestem nim, aż ta to widać? (⌐ ͡■ ͜ʖ ͡■)

[Rufurege1]

@void_0: No ja jestem juniorem z rokiem expa w React i na to nie wpadłem, więc musisz ogarniać coś więcej

[void_0]

@Rufurege1: Spoko :) Ja dużo też nie mam, bo jedynie 4 lata. Po pewnym czasie (i po kilkudziesięciu jak nie po kilkuset XD review) człowiek już wyłapuje takie rzeczy i jest to już bardziej intuicja niż prześledzenie dokładnie każdej linijki. Trzeba czasu i wszystkiego da się nauczyć, powodzenia! ( ͡° ͜ʖ ͡°)

[cr6d]

@void_0: widać po kodzie na pewno, Object.values - nigdy weczesnej tego nie używałem.

[kumba]

@cr6d:

wiem że jest asnychronicznie ale to nie był problem, własnie ogarnąłem sprawę. Kiedy pod rząd jest wywoływanych kilka zmian tego samego stanu jak u mnie w funkcji, react nie wywołuje tych setState za kzadym razem tylko robi to raz, mergując te setState i wywołuje się tylko ten ostatni efekt setState. Tak samo jakbys mial pod rzad setState(count +1): setState(count +1), to count nie bedize miało 3 , tylko 2,

Nie,

[cr6d]

@kumba: probowalem z funkcją która zwraca obiekt z prevState tak jak pisze @wybacz ale nie działalo mimo wszystko

[kumba]

@cr6d: Możliwe, ale w takim razie błąd był jeszcze gdzie indziej. :) https://codesandbox.io/s/fast-shape-blzvzp Tylko Ci zwracam uwagę że Twoje rozumowanie jest błędne.

[cr6d]

@kumba: tzn tak masz racje zle to ująłem

[Lord_Yabol]

@cr6d: https://pastebin.com/NE0SehPA #umniedziala