(PostCard.js)
<div style="color: #a6accd; background-color: #292d3e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>/*&nbsp;onClick&nbsp;-&gt;&nbsp;댓글창&nbsp;열고닫기&nbsp;*/</div>
<div>&nbsp;&nbsp;const&nbsp;onToggleComment&nbsp;=&nbsp;useCallback(()&nbsp;=&gt;&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;console.log(commentFormOpened); // false</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;setCommentFormOpened(prev&nbsp;=&gt;&nbsp;!prev); &nbsp;</div>
<div> &nbsp; console.log(commentFormOpened); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// false&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // </div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;console.log(commentFormOpened);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!commentFormOpened)&nbsp;{ </div>
<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dispatch({</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type:&nbsp;LOAD_COMMENTS_REQUEST,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;post.id,</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>&nbsp;&nbsp;},&nbsp;[commentFormOpened]);</div>
</div>
여기서, setCommentFormOpened()를 했을때, commentFormOpened state가 즉시 true로 변하지 않는 이유가 무엇인가요 ?&nbsp;
console.log를 찍어보니 setCommentFormOpened() 앞뒤로 둘다 false가 떠서 궁금해서 질문드립니다.

setState같은 것은 비동기입니다. 다음 줄에 콘솔로그가 더 먼저 실행됩니다.

Inflearn Community Q&A

setCommentFormOpened 질문드립니다.