목록리액트 훅 폼 (1)

sohyeon kim

[React] useState & useRef & react-hook-form : 제어/비제어 컴포넌트, useRef 단점, 언제 무엇을 써야 하는가

💡제어 컴포넌트 useState 와 비제어 컴포넌트 useRef 를 비교해보자!제어 컴포넌트React 에 의해 값이 제어되는 입력 폼 엘리먼트사용자의 입력을 기반으로 state 를 관리하고 업데이트한다.모든 input 이 변경될 때 마다 리렌더링import React, { useState } from 'react';function MyInput() { const [inputValue, setInputValue] = useState(null); const handleChange = (e) => { setInputValue(e.target.value); }; return handleChange(e)} value={inputValue} />;} 비제어 컴포넌트React 에서 값이 제어되지 않는..
React 2024. 8. 13. 21:49
이전 Prev 1 Next 다음