Snippets (Serpiko) 관련
react using state when you don't need it
input 값을 입력받고 보여줄 때, useState를 사용하지 않아도 된다
useState를 배제하므로써, 리렌더링 없앨 수 있다
React Hook Form: FormProvider-useFormContext
- ContextAPI를 이용하여
Sub.js에서 사용한 값을App.js에서도 감지가 가능하다
React Hook Form (useState-less 패턴)
- RHF에 내장된
FormProvider,useOrderFormContext를 이용하여 ContextAPI구현 - Control을 주입받은 컴포넌트로 모든 컴포넌트는 같은 useForm 생성 시점과 일치 시킨다
setValue,resetField,useWatch이용하여useState와 리렌더링 없이 양방향 값 핸들링하고 연산- 제출(Submit)시, 컴포넌트에 정의된 name 기준으로 값들을 반환한다