포스코DX X 비트교육센터 6기 - useRef 이용하여 form reset

하고자 하는 일

등록 버튼 클릭 시, 데이터가 저장이된 후 input의 data가 없어지게 하고 싶을 때,

첫 번째, useRef import하기

import React, { useRef } from "react";

두 번째, 변수 선언하기

const refForm = useRef(null);

세 번째, 데이터 전송을 감싸는 form 태그 내부에 ref 설정하기

 <form
      ref={refForm}
...

네 번째, form 태그의 동작 함수 안에refForm의 current 태그에 reset을 통해 input 안의 내용을 지운다.

  <form
      ref={refForm}
      className={styles.RegisterForm}
      onSubmit={(e) => {
        e.preventDefault();

        const email = {
          firstName: e.target.firstName.value,
          lastName: e.target.lastName.value,
          email: e.target.email.value,
        };

        addEmail(email);
        refForm.current.reset();
      }}
    >