useRef

form양식 제출하면 입력된 값을 제출

 

1. useRef 작성

const AuthForm = () => {
  const emailInputRef = useRef()
  const passwordInputRef = useRef()

2. 값을 내보낼 input창에 ref 적용

     <form>
        <div>
          <label>이메일</label>
          <input type='email' id='email' required ref={emailInputRef} />
        </div>
        <div>
          <label>비밀번호</label>
          <input type='password' id='password' required ref={passwordInputRef} />

 

3. submitHandler 작성

const submitHandler = (event) => {
    event.preventDefault()
    const enteredEmail = emailInputRef.current.value
    const enteredPassword = passwordInputRef.current.value
  }