react에서 <input /> 태그 사용후
나온 warning입니다.
Warning 오류
Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component.
input의 value에 undefined가 들어갔을 경우에 대한 처리가 없는다는 경고메시지 입니다.
before
<input type="number" name="weight" value={patientRevData.weight} onChange={onChangeData} />
Warning 해결 방법
- input의 value가 undefined일 때 ''가 들어올 수 있도록 함
- value={value || ' '}
<input type="number" name="weight" value={patientRevData.weight || ""} onChange={onChangeData} />
반응형
'개발 > React' 카테고리의 다른 글
| [react] tailwind로 메뉴바 세팅 (0) | 2022.01.11 |
|---|---|
| [react] 검색 기능 구현하기 (0) | 2022.01.10 |
| [react] Warning: `value` prop on `select` should not be null. (0) | 2022.01.07 |
| [react] useEffect 메모리 누수 Can't perform a React state update on an unmounted component... (0) | 2022.01.07 |
| [react] framer motion 사용법 (0) | 2022.01.06 |
댓글