React - HTML과 차이점

lsjoon·2024년 4월 8일
1

React

목록 보기
4/6

Attribute

작성 방식

DOM Element 들의 Attribute 는 camelCase로 작성

'data-', 'aria'는 예외

data-type, aria-label

이름 차이


htmlreact
classclassName
forhtmlFor

동작 방식 차이


HTML 에서의 checked 또는 value 는 "초기값"을 의미
하지만, React에선 "현재값"을 의미

<input type="checkbox" checked={false} />

위의 예시처럼, checked 값이 고정되어 있는 경우, 사용자가 checkbox를 클릭하여도 값이 변화하지 않음

따라서, React에서 "초기값"의 의미로 checked 또는 value를 사용하려면defaultChecked , defaultValue Attribute를 사용해야함.

profile
중요한 것은 꺾여도 그냥 하는 마음

2개의 댓글

comment-user-thumbnail
2024년 7월 19일

리액트 아저씨 잘 계시죠? 안부 인사 남깁니다.

1개의 답글