maxjhandsome
/
react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

used JSX

This commit is contained in:
Alex Smith 2015-06-30 17:49:25 +09:00
parent 099c227c35
commit 6b669aa37d
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
examples/basic-click-counter/index.html
View File

@ -4,7 +4,8 @@
<title>React click conter example</title>
<meta http-equiv='Content-type' content='text/html; charset=utf-8'>
<script src="../../build/react.js"></script>
<script type="text/javascript">
<script src="../../build/JSXTransformer.js"></script>
<script type="text/jsx">
var Counter = React.createClass({
getInitialState: function () {
return { clickCount: 0 };
@ -15,8 +16,7 @@
});
},
render: function () {
return React.DOM.h2({onClick: this.handleClick},
'Click me! Number of clicks: '+this.state.clickCount);
return (<h2 onClick={this.handleClick}>Click me! Number of clicks: {this.state.clickCount}</h2>);
}
});
</script>
@ -24,9 +24,8 @@
<body>
<div id="message" align="center"></div>
<script type="text/javascript">
React.render(
React.createElement(Counter),
<script type="text/jsx">
React.render(<Counter />,
document.getElementById('message')
);
</script>