React DOMコンポーネント

Reactは、ブラウザビルトインのすべてのHTMLおよびSVGコンポーネントをサポートしています。

共通コンポーネント

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

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

これらのビルトインブラウザコンポーネントは、ユーザー入力を受け付けます。

それらはReactにおいて特殊であり、value propを渡すと、制御されるようになります。

これらのビルトインブラウザコンポーネントを使用すると、外部リソースの読み込みや、メタデータによるドキュメントの注釈付けを行うことができます。

それらはReactにおいて特殊であり、Reactはそれらをドキュメントヘッドにレンダリングしたり、リソースの読み込み中にサスペンドしたり、各コンポーネントのリファレンスページに記述されているその他の動作を実行することができます。

Reactは、すべてのビルトインブラウザHTMLコンポーネントをサポートしています。これらには以下が含まれます。

DOM標準と同様に、Reactはprop名にcamelCase表記規則を使用します。たとえば、tabindexではなくtabIndexと記述します。

ハイフンを含むタグ（例：<my-element>）をレンダリングする場合、ReactはカスタムHTML要素をレンダリングするものとみなします。Reactでは、カスタム要素のレンダリング方法は、組み込みブラウザタグのレンダリング方法とは異なります。

is属性を持つ組み込みブラウザHTML要素も、カスタム要素として扱われます。

Reactパッケージを最新の試験版にアップグレードして試すことができます。

Reactの試験版にはバグが含まれている可能性があります。本番環境では使用しないでください。

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

DOM標準と同様に、Reactはプロップ名にcamelCase表記規則を使用します。たとえば、tabindexではなくtabIndexと書きます。オンラインコンバーターを使用して、既存のSVGをJSXに変換できます。

名前空間属性もコロンなしで記述する必要があります。