리액트 setState를 연속으로 사용할때 (prevState)

class형

 this.setState(( => {
          result: '홈런!',
          tries: [...tries, { try: value, result: '홈런!' }],
      });

 this.setState((prevState) => {
        return {
          result: '홈런!',
          tries: [...prevState.tries, { try: value, result: '홈런!' }],
        }
      });

함수형 setState를 사용해야 한다.

 

hooks

setTries(prevTries => ([
          ...prevTries,
          {
            try: value,
            result: `${strike} 스트라이크, ${ball} 볼입니다.`,
          }
        ]));