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 값이 들어갈 수도 있으면 발생하는 에러입니다. uncontrolled input이었다가 controlled input으로 바뀌면서 발생한 것입니다. 즉, 한마디로 초기값이 undefined였다가 렌더링 후에 값이 들어와 바뀌면서 발생한 에러입니다.
return(
<input name="name" value={undefind}/>
)
[해결 방법]
('')공백을 줘서 controlled input의 범주에 포함시켜주시면 됩니다.
return(
<input name="name" value={undefind || ''}/>
)
'1. 웹개발 > 1_3_1 Debug' 카테고리의 다른 글
| useRoutes() may be used only in the context of a <Router> component. 해결 방법 (0) | 2022.05.11 |
|---|---|
| Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'. 해결 방법 (0) | 2022.05.10 |
| This component must be used inside a <RecoilRoot> component. 해결 방법 (0) | 2022.04.17 |
| react-scripts: command not found 해결 방법 (0) | 2022.02.04 |
| internal/modules/cjs/loader.js:888 해결 방법 (0) | 2022.02.03 |
