React - użycie setState

Question

Hej.

Czy ktoś może mi wytłumaczyć dlaczego podobno taki sposób updatowanie state:

this.setState((prevState) => {
    return {
        logs: prevState.logs.filter(log => log.id !== id)
    };
});

jest lepszy niż taki:

this.setState({
    logs: this.state.logs.filter(log => log.id !== id)}
);

W drugim przypadku może dojść do jakiegoś "race condition". Co to jest?

Dziękuję,

Answer 1

https://en.reactjs.org/docs/state-and-lifecycle.html#state-updates-may-be-asynchronous

Własności komponentu: this.state i this.props mogą być przez Reacta aktualizowane asynchronicznie, przez co w przypadku wyliczania nowego stanu dla komponentu na podstawie tych własności, może zajść ryzyko użycia nieaktualnych danych. Używając callbacka, w argumentach otrzymuje się wartości poprzedniego stanu i propsów aktualne na moment aktualizacji stanu - gdy używa się this.setState bez callbacka, nie ma gwarancji aktualnych danych.

Comments

Zagmatwane to trochę :) A dlaczego takie ryzyko istnieje?

---

Odpowiedź na Twoje pytanie jest w pierwszych dwóch akapitach podlinkowanej dokumentacji. Jeśli funkcja może być wywołana asynchronicznie, to nie ma gwarancji, że wartości, do których ona się odnosi będą takie same, jak w momencie w którym została użyta.

---

Dzięki