DOM Element의 Attributes
기본적인 DOM Element(div, span 등)은 camelCase로 작성
tabIndex, className 등 (‘data-’ 또는 ‘aria-’ 로 시작하는 Attribute는 제외)
HTML과 다른 이름을 가지는 Attribute
class => className, for => htmlFor 등
HTML과 다른 동작 방식을 가진 Attribute
checked => defaultChecked, value => defaultValue 등
React에서만 쓰이는 Attribute
key, dangerouslySetInnerHTML
defaultChecked, defaultValue
HTML에서 checked, value는 초기 값으로 사용하지만 React에서는 현재 값을 의미합니다.
따라서, checked 값(현재 값)을 false로 고정해두면 사용자가 체크박스를 클릭해도 변하지 않습니다.
1
<input type="checkbox" checked={false} />
React 에서 초기 값을 사용하려면 defaultChecked, defaultValue를 사용해야합니다.
key
key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 도와줍니다.
key는 다른 항목들 사이에서 고유하게 식별할 수 있는 것을 사용합니다.
대부분의 경우는 data.id 값으로 key로 사용합니다.
key는 형제 사이에서만 고유한 값이어야 합니다.
두 개의 다른 배열을 만들 때는 동일한 key를 사용할 수 있습니다.