React DOM コンポーネント

一般的なコンポーネント

すべてのブラウザ組み込みコンポーネントは、いくつかの props とイベントをサポートしています。

これには、ref や dangerouslySetInnerHTML のような React 固有の props も含みます。

以下のブラウザ組み込みコンポーネントはユーザからの入力を受け付けます。

これらは React では特別です。なぜなら props として value を渡すとになるからです。

以下のブラウザ組み込みコンポーネントを用いて、外部リソースを読み込んだり、ドキュメントにメタデータを付与したりすることができます。

これらが React にとって特別なのは、React がこれらをドキュメントの head 要素に入れることができ、リソースのロード中にサスペンドができ、また個々のコンポーネントのリファレンスページで説明されているような特別な挙動が有効になるからです。

React はブラウザ組み込みのすべての HTML コンポーネントをサポートしています。これには以下が含まれます。

ダッシュを含むタグ、例えば <my-element> をレンダーする場合、React はをレンダーしていると想定します。React では、カスタム要素のレンダーは、組み込みのブラウザタグのレンダーとは異なる方法で行われます。

組み込みのブラウザ HTML 要素を属性を用いてレンダーする場合も、カスタム要素として扱われます。

React は、組み込みのブラウザ SVG コンポーネントをすべてサポートしています。以下が含まれます。