Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

리액트 정리

[React] 웹게임 3. 숫자야구 // 함수형 setState인 prevState 본문

리액트/웹게임

[React] 웹게임 3. 숫자야구 // 함수형 setState인 prevState

버그킴 2020. 1. 31. 01:42

setState같은 함수 안에 다른 함수를 넣는 경우.

일급함수. higher order function가 된다.

 

 

옛날 state로 현재 state를 만들 때.

함수형 setState인 prevState를 사용. 

 

  onSubmitForm = (e) => {
    e.preventDefault();
    if(this.state.value === this.state.answer.join('')) {
      this.setState((prevState) => {
        return{
        result: '홈런!',
        tries: [...prevState.tries, {try: this.state.value, result: '홈런!'}]
      }
      })
      alert("게임을 다시 시작합니다!");
      this.setState({
        value: "",
        answer: getNumbers(),
        tries: []
      });
    }