react-hook-form 기본 데이터 넣기

N·2023년 2월 9일
0

댓글 수정 input을 만들면서 기존에 있던 content를 default value로 넣고 싶었다. 입력용 input에서는 place holder로 '댓글'을 넣어주었던 것과 차이가 있다.

방법
1. props로 기존에 입력되어있던 내용을 받는다
2. useForm안에서 defaultValue로 넣어준다
3. placeholder를 삭제한다

const CommentRewriteInput = ({
  commentContent,
}: propsType) => {

  const {
    register,
    handleSubmit,
    watch,
    formState: { errors },
    reset,
  } = useForm<Inputs>({
    defaultValues: {
      answer: commentContent,
    },
  });
  
  (생략)
}
profile
web

0개의 댓글

관련 채용 정보