react 댓글 수정취소 기능

{isEdit ? (
        <>
          <button onClick={handleQuitEdit}>수정취소</button>
          <button>수정완료</button>
        </>
      ) : (
        <>
          <button onClick={handleRemove}>삭제하기</button>
          <button onClick={toggleIsEdit}>수정하기</button>
        </>
)}

//수정취소

  const handleQuitEdit = () => {
    setIsEdit(false);
    setLocalContent(content);
  };

위에서 setIsEdit(false)의 역할은 수정을 안하고 원래 콘텐츠를 보여주는 코드. setLocalContent(content)에서 setLocalContent는 수정한 댓글을 담을 그릇인데 거기에 content(수정하기 전 원래 댓글 텍스트)를 다시 담는 것. 이 코드를 써야 수정 버튼 누르고 마구 작성한 뒤에 수정 취소를 누르고 다시 수정으로 들어가도 원래 댓글이 뜬다.

출처 : 인프런 - 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 // React에서 배열 사용하기4 - 데이터 수정하기 12분 46초