サポートされる属性
Reactは下記にリストされてる属性と同様に、全てのdata-*属性とaria-*属性をサポートします。
注意:
全ての属性はキャメルケースされており、
その属性のclassとforはそれぞれDOMのAPI仕様にマッチするclassNameとhtmlForになります。
イベントの一覧については、サポートされるイベントを参照して下さい。
HTML属性
下記の標準的な属性がサポートされます。
accept acceptCharset accessKey action allowFullScreen allowTransparency alt
async autoComplete autoFocus autoPlay cellPadding cellSpacing charSet checked
classID className colSpan cols content contentEditable contextMenu controls
coords crossOrigin data dateTime defer dir disabled download draggable encType
form formAction formEncType formMethod formNoValidate formTarget frameBorder
headers height hidden high href hrefLang htmlFor httpEquiv icon id label lang
list loop low manifest marginHeight marginWidth max maxLength media mediaGroup
method min multiple muted name noValidate open optimum pattern placeholder
poster preload radioGroup readOnly rel required role rowSpan rows sandbox scope
scoped scrolling seamless selected shape size sizes span spellCheck src srcDoc
srcSet start step style tabIndex target title type useMap value width wmode
加えて、下記の非標準の属性がサポートされます。
-
モバイルSafariのための
autoCapitalize autoCorrect - Open Graphのメタタグのためのプロパティ
-
HTML5 microdataのための
itemProp itemScope itemType itemRef itemID -
Internet Explorerのための
unselectable
また、React固有の属性であるdangerouslySetInnerHTML(詳細はこちら)が存在し、
直接コンポーネント内にHTML文字列を挿入するのに使用されます。
SVG属性
clipPath cx cy d dx dy fill fillOpacity fontFamily fontSize fx fy
gradientTransform gradientUnits markerEnd markerMid markerStart offset opacity
patternContentUnits patternUnits points preserveAspectRatio r rx ry
spreadMethod stopColor stopOpacity stroke strokeDasharray strokeLinecap
strokeOpacity strokeWidth textAnchor transform version viewBox x1 x2 x y1 y2 y