react/form-handling/
μ λ ₯μ λ€λ£¨λ λ€μν λ°©λ² | SOSOLOG
μΉ μ ν리μΌμ΄μ μμ 볡μ‘ν λ¬Έμ μ€ νλλ μ¬μ©μμ μ λ ₯ λ°μ΄ν°λ₯Ό λ°μ μ²λ¦¬νλ Formμ λλ€. μ΄ κΈμμλ Formμ λ€λ£¨λ μ¬λ¬ λ°©λ²κ³Ό λνμ form λΌμ΄λΈλ¬λ¦¬ μ€ νλμΈ react-hook-formμ λν΄ μκ°ν©λλ€. κ°λ¨ν Form Formμμ λ μ¬λ¦΄ μ μλ λ¨μν μμλ Emailκ³Ό Passwordλ₯Ό λ°λ Login Formμ΄λ€
μ΅κ·Όμ λ§μ΄ κ³ λ―Όνλ λΆλΆμΈλ° λ°°μκ°λλ€ :)
μ λ μ λ³΄κ³ κ°μ. μμλ~ γ γ γ μ μ 리ν΄μ£Όμ μ κ°μ¬ν©λλ€.
μ€νκ° λ§λμ§ λͺ¨λ₯΄κ² μ§λ§ μ λ³΄ν΄ λ΄
λλ€. name="μ΄λ¦"->name="μ νλ²νΈ"
<Input name="μ΄λ¦" value={phoneNumber} onChange={setPhoneNumber} />
...
<Input ref={phoneNumberRef} name="μ΄λ¦" />
@hg-pyun μ€νκ° μμλ€μ γ γ .. κ°μ¬ν©λλ€!
νμ¬μμ 리μ‘νΈ ν νΌμΌλ‘ Form κ°λ° λ§μ΄ νμλλ°, μ΄λ€ λ°©μμΌλ‘ input κ°λ€μ control νλμ§ λͺ°λμλλ°.. μ΄ κΈ λλΆμ λ§μ΄ λ°°μκ°μ! κ°μ¬ν©λλ€ :D
νμ μμ react-hook-form μ¬μ©νκ³ μλλ° λ§μ λμμ΄ λμμ΅λλ€ κ°μ¬ν©λλ€!