[wybacz]

czym sie rozni zrobienie

setFoo(foo+1)

od

setFoo(foo => foo+1)

#javascript
#react

[MarekAntoniusz]

@wybacz pierwsza funkcja nic nie zwraca, podajesz tylko parametr. Zależy też co jest w body funkcji setFoo

Druga zwróci rezultat funkcji anonimowej która jest podana w funkcji steFoo

[S.....a]

@wybacz: najprościej będzie jak zobaczysz jaki wynik będziesz miał przy wywołaniu

const [foo, setFoo] = useState(0);
console.log(foo);
useEffect(() => {
setFoo(foo

[s.....r]

@wybacz: Drugi przykład używaj kiedy nowy state jest zależny od poprzedniego stanu, w przeciwnym wypadku może nie być to wartość jakiej oczekujesz bo setFoo jest asynchroniczne.

[s.....r]

@wybacz: https://pl.reactjs.org/docs/hooks-reference.html#functional-updates

[wybacz]

@SleepingKarma: @schriker:

a wiecie moze czy jakies "konswekwencje" niesie ze soba uzywanie drugiego sposobu? po co sa 2 sposoby, a nie tylko jeden - ten drugi, ktorzy zmienia wartosc od razu?

[s.....r]

@wybacz: Tak jak wyżej pisałem, drugi sposób używasz jeśli nowy stan jest zależny od wartości poprzedniego, czyli np.: setFoo(prevFoo => prevFoo + 1), pierwszym przykład używasz jeśli chcesz po prostu ustawić jakąś tam wartość czyli np.: setFoo(2).

Masz to też opisane w tym linku wyżej.

[s.....r]

@wybacz: https://codesandbox.io/s/awesome-feistel-i6x4v w drugim przykładzie widać jak się to buguje, że mimo wywołania setCount 2x dostajemy niepoprawną wartość.

[wybacz]

@schriker: no tak, ale po co istnieje w ogole ten pierwszy "zbugowany" sposob, nie mogli od razu zrobic, zeby setFoo(foo+1) bylo synchroniczne?

[s.....r]

@wybacz: Pierwszy nie jest zbugowany ma po prostu inne zastosowanie. https://stackoverflow.com/a/65306828/10147840