できた
ソースはこれ
この記事の最高に良いところは環境構築とかダルいことナシにいきなり動くサンプルであること。
こういう記事がいちばん役に立つ。
保存用
<html lang="ja">
<head>
<meta charset="utf-8">
<title>my React 01</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js">
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
</head>
<body>
<div id="content"></div>
<script type="text/babel">
// ここにコードが入ります
const Hello = React.createClass({
render: function() {
return (
<div>
<h1>Hello,React!</h1>
<h2>{(new Date()).toString()}</h2>
</div>
);
}
});
ReactDOM.render(
<Hello />,
document.getElementById('content')
);
</script>
</body>
</html>
