리엑트 usestate 질문 있습니다!

[문석현]

코딩애플 님 강좌를 듣고 리엑트 + 스프링부트로 간단한 게시판을 만들고 있습니다. 

혹시 답변 주실까하고 남겨봅니다. 

코드는 아래와 같습니다.

현재 글번호 11 제목 11번째 글임

제목을 클릭하면 글번호 11이 axios 파라미터에 전달되어 스프링에서 데이터베이스에서 받아온 값을 res에 리턴을 합니다. 

이때 res를 console.log(res.data) 해서 찍어보면 데이터가 잘 나오는데 

Setboard(res.data)를 하고  console.log(board)를 찍어보면 자꾸 이전 값이 나옵니다. 

copy를 만들어 [...res]를 해보려고 해도 반복문  안에서는 되지 않는다고하고

이 res.data를 저장해야 props로 데이터를 보낼텐데 자꾸 이전값이 찍혀서 난감합니다... 

애플님의 고견을 여쭙니다. 

 

      {
        list.map(function(a,i){
          return(
            <>
                <tr>
                  <td>{list[i].id}</td>
                  <td><a href='#' onClick={() =>{
                      axios.get(/board/detail/${list[i].id}).then( res =>{  
                      Setboard(res.board)
                    })
                  }
                  } >{list[i].title}</a></td>
                </tr>
              </>
          )
        })
    }

[문석현]

useEffect(() => {
  console.log(board);
}, [board]); 

변경값 감지를 하니 잘되네용 

[글쓴이]

글