[딸기마켓] 버그 수정 - 댓글 수정 취소

문제

 

자유게시판의 댓글을 수정하는 과정에서 취소 버튼을 눌러도 취소가 되지 않는 버그가 발생했습니다.

 

 

기존 코드는 취소 버튼을 클릭하면 새로고침을 하는 것과 같은 동작을 하도록 해서 state를 초기화 하는 방법으로 댓글 수정을 취소했습니다.

 

로그인 기능을 localstorage에 저장하다가 refreshToken을 사용하면서 새로고침해도 캐싱된 데이터때문에 state들이 변하지 않아 리렌더링이 발생하지 않아 버그가 발생했습니다.

 

 

해결

 

댓글 수정은 수정버튼을 눌렀을 때 isEdit라는 state를 true로 바꿔 댓글을 수정 모드로 바꾸는 방법으로 구현되어 있습니다.

댓글 수정을 취소하려면 단순히 isEdit를 false로 바꾸면 되기 때문에 onClick 함수에 props로 받아온 setIsEdit를 활용해 state값을 false로 만들어 주어 버그를 해결했습니다.