Reactガイドを読んでいくその190

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

DOM 要素

サポートされている全ての HTML 属性

React16では標準あるいは独自の DOM 属性全てが完全にサポートされている。

ReactはDOMAPIと同様、キャメルケースの命名規則を属性の名前付けに使用する。
例

<div tabIndex="-1" />      // DOM API の node.tabIndex と同様
<div className="Button" /> // DOM API の node.className と同様
<input readOnly={true} />  // DOM API の node.readOnly と同様

ReactでサポートされているDOM属性としては例えば以下のようなものがある。

classID className colSpan cols

同様にSVG 属性を完全にサポート
例

limitingConeAngle local markerEnd markerHeight markerMid markerStart

独自の属性も、その名前が全て小文字であれば使用できるらしい。

今日はここまで。