[완료][React] antd 라이브러리 이벤트핸들러 문의

Question

antd와 useForm을 사용해서 form을 만들고 있는중입니다.1번에서 props로 전달받은 handler함수가 존재하면 전달받은 handler 함수를, 그렇지 않다면 기존antd가 가지고있는 onChangeHandler를2번에 전달해서 사용하고 싶은데 방법을 모르겠네요,,보통 이럴땐 어떤식으로 처리하는지 궁금합니다.function BasicRadioController(props){ const options = props.options ? props.options : [];const propsHandler = props.onChangeHandler ? props.onChangeHandler : this.onChange; // (1) return ( ( //(2) )}/> )}[해결방법 공유] ( // 1handler(e,onChange)} // 2value={value}name={name}ref={ref}showCount={true}/>)}const handler = (e,onChange) => {if(props.onChange){ // 전달 함수가 존재할 때props.onChange();}onChange(e);}field에서 onChange 기존 함수를 전달 받은 후내가 정의한 함수(handler)에서 onChange와, 부모로부터 전달받은 함수를 실행하여 처리하였습니다.

RWB · Answer

조금 다른 얘기긴 한데, antd에 react-hook-form 쓰시려는 것 같아서요.antd엔 이미 react-hook-form과 굉장히 유사한 폼 관리 코드가 내장되어 있어, 굳이 그렇게 할당할 필요 없이 그냥 사용하셔도 됩니다.https://ant.design/components/form#formuseform중국에서 만들어서 그런지, react-hook-form의 핵심 기능만 잘 카피했더라구요.사용법도 그렇게 상이하진 않습니다.

[완료][React] antd 라이브러리 이벤트핸들러 문의

1개의 답변

#antd 목록