728x90
반응형
react에서 material ui CheckBox element를 사용할 때, checked 속성 값에 boolean 이외 다른 값이 오면 다음과 같은 에러가 발생한다.
"Material-UI: A component is changing the uncontrolled checked state of SwitchBase to be controlled."
이럴때, 설정 해놓은 값이 boolean 형태가 아닌 undefined나 null, string 값이 오면 controll 할 수 없다. 그래서 예외 처리를 해줘야한다. 설정해 놓은 값이 없을 경우 boolean을 넣을 수 있도록
<Box>
<CheckBox checked={value.checked || false} />
</Box>
728x90
반응형
'Coding > React' 카테고리의 다른 글
| React - next js process is not defined error (0) | 2022.07.22 |
|---|---|
| React - next.js - styled components 셋팅 (0) | 2022.06.24 |
| React Native - While trying to resolve module `@apollo/client` from file (0) | 2022.04.02 |
| React - flicking(version >= ^4.0.0) (0) | 2022.03.18 |
