Dev갱이 Dev갱이

useEffect(() => { const subscirbe = watch((data, { name }) => { console.log(data); console.log(name); }); return () => subscirbe.unsubscribe();}, [watch]); useEffect와 watch를 이용하여 field가 변경 될때를 감시 할 수 있다.

input 타입의 time 필드가 여러개가 존재 할때 재사용할 수 있는 컴포넌트를 만들때 useController 커스텀훅을 사용하면 좋을것 같았다. 재사용 컴퍼넌트를 만들때 useController에서 사용하고자 하는 props를 정의 해주어야 한다.control, name, validationOptions // FieldTime.tsximport React from 'react';import { Control, Path, RegisterOptions, useController } from 'react-hook-form';import Field from '../Field';interface Props> { control: Control; name: Path; validationOptions?: Omit..

에러 :Type 'Control' is not assignable to type 'Control' 방법1 as unknown as 문법을 이용한 타입 단언https://github.com/react-hook-form/react-hook-form/issues/4965#issuecomment-826862827' is not assignable to type 'Control' · Issue #4965 · react-hook-form/react-hook-form" data-og-description="This seems like a duplicate of #2984. Describe the bug I am experiencing this issue after following the Control example..

검색 키워드: react-hook-form controller rules not working reference- https://stackoverflow.com/questions/75268266/react-hook-form-rules-validate-not-triggered React Hook Form - Rules.Validate not triggeredI have the following field with a RHF controller and a MUI Textfield: stackoverflow.com  ( field.onChange(e.target.value)} > `@${display} `} ..

react-hook-form을 다른 라이브러리와 함께 사용하고 싶을때가 있다 이를테면 react-date-pick 같은 그럴때 `Controller` 사용 https://react-hook-form.com/docs/usecontroller/controller ControllerPerformant, flexible and extensible forms with easy-to-use validation.react-hook-form.com

Emoji 부분을 comment 와 comment 답글 그리고 post글 작성시에 쓰기 때문에 중복 코드가 발생할것으로 생각들어 useEmoji 라는 커스텀훅을 react-hook-form의 getValue와 setValue를 이용하여 만들려고 했는데, 제네릭으로 field name을 받아와서 사용하게끔 만드는데, import { EmojiClickData } from 'emoji-picker-react'; import { useState } from 'react'; import { UseFormGetValues, UseFormSetValue, FieldValues, } from 'react-hook-form'; export const useEmoji = ( getValues: UseFormGetValu..