react-hook-form 의 controller 를 사용하여 제어 컴포넌트 input text를 만들었는데, onchange 시점에 스크립트 오류(console warning, 에러는 아님)가 발생했던 경험 (a component is changing an uncontrolled input to be controlled…)

By | 11월 23, 2022
  • 아래 코드와 같이 controller render props의 value를 그대로 사용하지 않고, value ||'' 로 처리하여 해결함.
<Controller
    ...
    render={({ field: { onChange, value }}) => {
      return (
          <input
            type='text'
            value={value || ''} // 이 부분
            ...
          />
    }}
/>


참고

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments