|
inputMode |
|
|
autoplay |
autoPlay |
|
formnovalidate |
formNoValidate |
data-나 aria-로 시작하는 속성은 HTML 표준 규칙을 그대로 따릅니다. 따라서 JSX에서도 하이픈(-)을 포함한 원래 이름 그대로 사용할 수 있습니다.
수코딩의 조언
JSX에서 잘못된 속성을 사용하면 웹 브라우저의 개발자 콘솔에 경고 메시지가 뜹니다. 예를 들어 for 속성을 썼다면 리액트는 htmlFor로 바꾸라고 알려줍니다.
그림 2-1 잘못된 속성을 사용할 때 나오는 경고 메시지
따라서 모든 속성을 외울 필요는 없고, 콘솔 경고를 잘 확인하는 습관이 중요합니다.