프론트엔드 부트캠프 66일차, 팀 프로젝트(12) react-hook-form, 라디오 버튼 라이브러리

 

 1. react hook form : submit 후 input 창 비우기

const { register, handleSubmit, formState, setValue, trigger, reset } =
    useForm({
      mode: "onChange",
    });

useForm에서 reset을 추가로 가져온다!

 

const onClickSubmit = async (data) => {
    try {
      const result = await createThemeReview({
        variables: {
          createThemeReviewInput: {
            writerName: "신만두",
            ...data,
          },
          themeId: router.query.id,
        },
        refetchQueries: [
          {
            query: FETCH_THEME_REVIEWS,
            variables: { themeId: router.query.id },
          },
        ],
      });
      reset(); // 여기! 
    } catch (error) {
      alert(error.message);
    }
  };

api요청 후 정상처리 되면 reset(); 해주면 된다. 

 

히가 뭐 물어보러왔을 때 봐주다가 reset()이 있다는 걸 알게 됐다! 마침 어떻게 하나 찾고 있었는데 매우 감사하다^ㅁ^

 

다만...

저 불만족~만족 표시하는 거랑, 탈출/미탈출, 쉬움/보통/어려움/매우어려움 이건 효과가 없었다. 

register를 써놓으면 탈출/미탈출은 boolean값을 받아오는 걸 못하고, 난이도쪽은 그냥 초기화가 안되네..ㅎ! 어렵다... 

 

그리고 라이브러리 가져온 거에 밑줄이 쫙쫙 그인다. 이런적 처음이라 당황스럽다,, 

 

오늘은 해결한 게 별로 없고 문제만 만땅이네ㅠㅠ

 

🐻 프론트엔드

 - 관리자 페이지, api 적용

 

🐻‍❄️ 백엔드

 - api 만들기, 수정

 

🍚 점심

 - KFC 랩세트! 윤쉐프는 반계탕 같은 거 나오는 날이었는데 좀 아쉽기도 하고,,! 

 

🍬 간식

 - 미니 트윅스, 젤리, 마늘빵 아몬드 (저녁)비스켓, 치즈볼

 

☕️ 커피

 - X

 

🎵 노래

 - X

 

👀 비고

 - 몸살기운... 

 

 일찍 나왔다! 몸이 너무 으슬거리고 안 좋아서 집에서 쉬다 해야겠다는 생각으로 가다가, 시간이 난김에 허리 아픈 거 병원을 좀 가봐야할 것 같아서 한방병원 들렀다. 근데 내가 아픈 곳은 허리라기보단 등...?이었다. 아무튼 훨씬 나아졌다! 그리고 집에서 오래오래 자고 일어나서 댓글 작성 후 input창 비우기를 했다. 조금 모지라지만... 그리고 또 잤다(???) 어떻게 이렇게 많이 잘 수 있는지 신기하다... 몸이 안 좋으면 그냥 자버리는 듯.