๐ŸŽ‰ berenickt ๋ธ”๋กœ๊ทธ์— ์˜จ ๊ฑธ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค. ๐ŸŽ‰
Memo
Error
Error-React does not recognize the 'isChecked' prop on a DOM element.

1. ์—๋Ÿฌ ๋ฉ”์‹œ์ง€

Warning : React does not recognize the โ€œisCheckedโ€ prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase โ€œischeckedโ€ instead. If you accidentally passed it from a parent component, remove it from the DOM element.

React๊ฐ€ DOM ์š”์†Œ์—์„œ โ€˜isCheckedโ€™ prop์„ ์ธ์‹ํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค. ์˜๋„์ ์œผ๋กœ DOM์— ์‚ฌ์šฉ์ž ์ง€์ • ํŠน์„ฑ์œผ๋กœ ํ‘œ์‹œํ•˜๋ ค๋ฉด ๋Œ€์‹  ์†Œ๋ฌธ์ž โ€˜์ฒดํฌ๋จโ€™์œผ๋กœ ์ฒ ์ž๋ฅผ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค. ์ƒ์œ„ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ์‹ค์ˆ˜๋กœ ์ „๋‹ฌํ•œ ๊ฒฝ์šฐ DOM ์š”์†Œ์—์„œ ํ•ด๋‹น ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.

๊ฒฝ๊ณ ์ฐฝ์€ ๋œจ์ง€๋งŒ ๊ธฐ๋Šฅ์€ ์ž˜ ๋™์ž‘ํ•œ๋‹ค. ๊ทธ๋ ‡์ง€๋งŒ props๋ฅผ DOM element์— ์ง์ ‘ ์ „๋‹ฌํ•˜์ง€ ๋ง๋ผ๋Š” ๊ฒฝ๊ณ ์ฐฝ์œผ๋กœ, ์ปดํฌ๋„ŒํŠธ์— props๋ฅผ ๋„˜๊ฒจ์•ผ์ง€, DOM ์š”์†Œ์— props๋ฅผ ๋„˜๊ธฐ๋ฉด ์•ˆ๋œ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ DOM ์š”์†Œ์— props๋ฅผ ๋„˜๊ธด ๋ถ€๋ถ„์ด ์žˆ๋Š”์ง€ ์ฐพ์•„์„œ ์ œ๊ฑฐํ•ด์ค€๋‹ค.