概要
ReactのDOM属性では、class, forが予約語なので、
class->className
for->htmlFor
にする必要がある。
個人的にあまり馴染みのなかったfor属性については
こちら
Style属性に関しても、そのままべた張りで書くのではなく、JavaScriptのオブジェクトとしてStyleを指定する必要がある。
Class, forの例
ReactDOM.render(
/*
//動かない例
React.DOM.h1(
{
class: “pretty”,
for: “me”,
},
“Hello world!”
),
*/
// 動く例
React.DOM.h1(
{
className:”pretty”,
htmlFor:”me”,
},
“Hello world!”
),
document.getElementById(‘app’)
);
Styleの例
ReactDOM.render(
/*
//動かない例
React.DOM.h1(
{
style: “background: black; color: white; font-family: Verdana”,
},
“Hello world!”
),
*/
// 動く例
React.DOM.h1(
{
style: {
background:”black”,
color:”white”,
fontFamily:”Verdana”,
}
},
“Hello world!”
),
document.getElementById(‘app’)
);
