React DOM 컴포넌트
공통 컴포넌트
브라우저에 내장된 모든 컴포넌트는 일부 Props와 이벤트를 지원합니다.
ref
와 dangerouslySetInnerHTML
같은 React 고유의 Props를 포함합니다.
폼Form 컴포넌트
다음과 같은 브라우저에 내장된 컴포넌트는 사용자 입력을 받습니다.
value
프로퍼티를 전달하여 할 수 있기 때문에 React에서 특별합니다.
Resource and Metadata Components
다음 브라우저 컴포넌트들을 사용하면 외부 리소스를 로드하거나 메타데이터로 문서에 주석을 달 수 있습니다.
위 컴포넌트들은 React에서 특별하게 다뤄집니다. React는 위 컴포넌트들을 document head 내부에 렌더링하고, 리소스를 불러올 동안 일시 중단하고, 각 특정 구성 요소의 참조 페이지에 설명된 다른 동작을 시행합니다.
모든 HTML 컴포넌트
React는 브라우저에 내장된 모든 HTML 컴포넌트를 지원합니다. 이는 다음과 같은 컴포넌트들을 포함합니다.
커스텀 HTML 요소
<my-element>
같이 대시Dash가 포함된 태그를 렌더링하면 React는 를 렌더링한다고 가정합니다. React에서 커스텀 요소를 렌더링하는 방법은 브라우저 내장 태그를 렌더링하는 방법과 다릅니다.
- 모든 커스텀 요소 Props는 문자열로 직렬화되며 항상 어트리뷰트를 사용하여 설정됩니다.
- 커스텀 엘리먼트는
class
대신className
을 사용하고for
대신htmlFor
를 사용합니다.
어트리뷰트를 사용하여 브라우저 내장 HTML 요소를 렌더링하면 커스텀 엘리먼트로 취급됩니다.
모든 SVG 컴포넌트
React는 브라우저에 내장된 모든 SVG 엘리먼트를 지원합니다. 이는 다음과 같은 것을 포함합니다.
<hatch>
<hatchpath>