React setState 비동기 문제

문제

react.js에서 게시글 작성 기능을 구현하던 도중에 의도하지 않는 결과값이 나오는 문제가 발생했다. 최대 게시글 수를 1 증가시킨 후, 그 값을 이용해 새 게시글의 번호를 매겼는데 게시글을 생성하고 숫자를 증가시켜 ID 값이 중복되었다.

 

해결

setState 메소드 또한 비동기적으로 처리한다는 사실을 알게되었다. 그래서 arrow function을 이용해 순차적으로 실행할 수 있도록 코드를 수정했다.