React setState + Skąd pochodzi "prevState"?

Question

Właśnie zacząłem uczyć się React i JavaScript.
Podczas przechodzenia przez samouczek, dostałem się do tego przykładu kodu komponentu, który tworzy przycisk przełączania.
Jest to część kodu:

class Toggle extends React.Component { 
    constructor(props) { 
     super(props); 
     this.state = {isToggleOn: true}; 
     this.handleClick = this.handleClick.bind(this); 
    } 

    handleClick() { 
     this.setState(prevState => ({ // prevState? 
      isToggleOn: !prevState.isToggleOn 
     })); 
    } 

2 rzeczy, które są podsłuch mnie tutaj:

1. Skąd prevState argumentem pochodzi?
   Przed wywołaniem nie widzę czegoś takiego jak var prevState = this.state;, a mimo to działa.
2. Składnia funkcji strzałki: dlaczego nawiasy za strzałką?
   Dlaczego nie działa tutaj zwykła składnia arg => { statement; }?

Przepraszam za pytania początkujących ...

Answer 1

1. prevState zapewnia React wraz z props, z których oba są opcjonalne.

2. Nawias pozwala na wiele linii, w przypadku gdy nie użyłeś nawiasów, będziesz zmuszony użyć return. Możesz użyć pojedynczej linii, ale nie potrzebujesz nawiasów klamrowych.

   • Aktualizacja: Zapomniałem wspomnieć o szczególnym przypadku, gdy wymagane jest mieć nawias. Jeśli zwracasz obiekt bez instrukcji return, musisz zawinąć go w nawias. Dziękuję @joedotnot za złapanie tego. Tak więc () => {foo: true} wywoła błąd, ponieważ wygląda jak funkcja, a foo: true jest nieprawidłową linią. Aby rozwiązać ten problem musi wyglądać () => ({ foo: true })