[TIL] 내배캠4기-NextJs-102일차

hare·2023년 2월 9일
0

내배캠-TIL

목록 보기
69/75

프로젝트에서 텍스트 에디터로 react-quill을 사용하기로 했다.
제목은 인풋 태그를 따로 빼고 텍스트 창 안에 입력되는 값을 useState로 저장하여 파이어베이스에 저장하려고 했다.

문제) content state 값이 저장되지 않음.

해결방법 고안)에디터 컴포넌트를 따로 만들어 글 작성 페이지에서 불러와 prop으로 내려주었는데 잘 작동하지 않는다. 바로 글 작성 페이지에서 quill을 불러와서 해봐야겠다.

const handleChangeContent = (event) => {
    setContent(event.target.value);
  };
  <QuillNoSSRWrapper
          forwardedRef={quillRef}
          modules={modules}
          value={content}
          placeholder="본문"
          onChange={handleOnChangeContent}
          theme="snow"
        />

현재 코드 onChange에서 에러 발생

profile
해뜰날

0개의 댓글