프로젝트가 끝났다. 발표 전에 마지막으로 앱을 실행해보는데, 약간 당황스러운 부분을 발견했다.
편집 버튼을 누르면 기존 데이터가 그대로 있는 상태에서 수정이 가능하도록 하는게 의도였는데, input
박스 안이 초기화되는 것을 뒤늦게 알아버렸다.
// 편집 상태 변경 함수
const editOn = () => {
setEditable(!editable);
setContent("");
};
//중략
<StyledBtn onClick={() => editOn()}>편집</StyledBtn>
setContent("")
를 왜 넣은 거지..? 이 라인만 삭제하면 내가 원하는 의도대로 동작할 것 같다.
📌 마지막의 마지막까지 끝난게 아니다..