react2 react-hook-form 서론 클론 코딩 영상을 보면서 알았습니다. 기존에는 useState에 input value에 맞춰서 상태관리를 하고 FormEvent를 통해 해당 event 처리를 했습니다. 이러한 과정에서 input값이 입력될 때 마다 매번 렌더링이 되었습니다. 특히 input값이 많아지면 많아질 수록 렌더링이 늘어났고.. 하지만 react-hook-form을 통하면 렌더링이 확 줄어들고 사용자의 편의성을 높여주었습니다. 공식 Github 계정 후원 목록 토스에서도 React-hook-form 라이브러리를 후원을 하더라고요!! React Hook Form why react-hook-form? React Hook Form은 React 기반의 폼 관리 라이브러리입니다. 이 라이브러리는 간편한 API를 제공하여 폼의 상태 .. 2023. 5. 23. 폼 제어 / 비제어 컴포넌트 HTML 폼 엘리먼트는 폼 엘리먼트 자체가 내부 상태를 가지기 때문에, React의 다른 DOM 엘리먼트와 다르게 동작합니다. // 리액트 문서 제어 컴포넌트 (Controlled Component) HTML에서 input, submit, select와 같은 폼 엘리먼트는 일반적으로 사용자의 입력을 기반으로 자신의 state를 관리하고 업데이트합니다. React에서는 변경할 수 있는 state가 일반적으로 컴포넌트의 state 속성에 유지되며 setState()에 의해 업데이트됩니다. 간단하게 '제어 컴포넌트'는 React에 의해 값이 제어되는 입력 폼 엘리먼트라고 합니다. import React, { useState } from 'react' export default function App() { c.. 2022. 7. 28. 이전 1 다음
