728x90 반응형 useCallback2 [React.js] 7주차 - 성능 최적화: useMemo, useCallback, useContext, React.memo 1. useReducer 컴포넌트 내부에 새로운 State 를 생성하는 리액트 훅으로 모든 useState 는 useReducer 로 대체 가능하다. 그렇다면 useReducer 와 useState 가 다른 점이 무엇일까? -> useState 를 사용하면 컴포넌트 내부에 상태관리 코드를 작성해야 하지만, useReducer 를 사용하면 컴포넌트 내부에 State 생성만 해놓고 실제 State 를 관리하는 코드는 컴포넌트 외부에 작성할 수 있다. 1.1. useReducer 사용하기 useReducer 훅의 첫 번째 인자로 상태를 실제로 변화시켜주는 reducer 함수가 들어가고, 두번째 인자로는 현재의 상태(State) 값이 들어간다.const [state, dispatch] = useReducer.. 2024. 11. 26. [TIL] 11/13 회원가입, useForm, http 클라이언트 생성, forwardRef 1. useFormreact-hook-form 에서 제공하며, 폼 상태 관리 및 입력값 검증을 간편하게 처리할 수 있다. (폼 데이터 관리 / 유효성 검사 / 폼 제출 처리 / 오류 상태 관리 등) useForm 훅의 리턴값register: 각 입력 필드를 react-hook-form 에 등록 (폼의 데이터를 추적/관리)handleSubmit: 폼 제출 이벤트를 처리하는 함수로 유효성 검사를 통과한 데이터만 전달formState: 폼 관련 상태 정보 제공 1.1. register email 과 password 폼을 register 에 등록하는 코드 스프레드 연산자로 register 를 펼쳐주고 각각 'email', 'password' 라는 이름으로 register 에 등록해준다. required 는.. 2024. 11. 13. 이전 1 다음 728x90 반응형
