camelcaseでclassを書くこともできる。
<script type="text/babel">
(() =>{
ReactDOM.render(
<div className="box"></div>,
document.getElementById('root')
);
})();
</script>
inlineもok
<script type="text/babel">
(() =>{
ReactDOM.render(
<div style={{width:150, height:100, backgroundColor:'blue'}}></div>,
document.getElementById('root')
);
})();
</script>
onClick
<script type="text/babel">
(() =>{
function showMessage(){
alert('this is alert!');
}
ReactDOM.render(
<div style={{width:150, height:100, backgroundColor:'blue'}} onClick={showMessage}></div>,
document.getElementById('root')
);
})();
</script>
うぉ、なんかすげー疲れた。。
あれ、今の所は、レンダリングやalertなど特段JSで処理できることばかりだから、React.jsを使う場面がいまいち想像つかないぞ。。
