티스토리

Dev갱이
검색하기

블로그 홈

Dev갱이

threeyears.tistory.com/m

Dev갱이 님의 블로그입니다.

구독자
3
방명록 방문하기
728x90

주요 글 목록

  • watch 메서드를 활용하여 감시하기 useEffect(() => { const subscirbe = watch((data, { name }) => { console.log(data); console.log(name); }); return () => subscirbe.unsubscribe();}, [watch]); useEffect와 watch를 이용하여 field가 변경 될때를 감시 할 수 있다. 공감수 0 댓글수 0 2024. 7. 30.
  • react-hook-form에서 useController 커스텀 훅 사용 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.. 공감수 0 댓글수 0 2024. 6. 25.
  • react-hook-form Controller를 이용하여 재사용 컴포넌트를 만들때 control props 전달 타입체커 환경 에러 에러 :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.. 공감수 0 댓글수 0 2024. 5. 11.
  • react-hook-form Controller 사용시 rules validate가 동작하지 않을때 검색 키워드: 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} `} .. 공감수 0 댓글수 0 2024. 5. 11.
  • react-hook-form과 다른 라이브러와 함께 사용 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 공감수 0 댓글수 0 2024. 5. 2.
  • react-hook-form의 getValues와 setValue를 이용하여 커스텀 훅을 만들때 Path<T> 에러 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.. 공감수 0 댓글수 0 2023. 10. 30.
    728x90
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.