はじめてのReact

React

test.html

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>React Test</title>
<script src="https://fb.me/react-0.14.2.js"></script>
<script src="https://fb.me/react-dom-0.14.2.js"></script>
<script src="lib/jquery-2.2.0.min.js"></script>
<script src="reacttest.js"></script>
</head>

<body>
<div id="content"></div>
</body>

</html>

 

reacttest.js

$(function(){
var CommentBox = React.createClass({
render: function() {
return (
React.createElement(
'div',
{className: "commentBox"},
"Hello, world! I am a CommentBox." ) ); } });

ReactDOM.render( React.createElement(CommentBox,null), document.getElementById('content') );
});

 

とりあえずrenderを書けばよい