<html>
<head>
<meta charset="UTF-8" />
<title> React应用实例1 title>
<script src="https://static.runoob.com/assets/react/react-0.14.7/build/react.js">script>
<script src="https://static.runoob.com/assets/react/react-0.14.7/build/react-dom.js">script>
<script src="https://static.runoob.com/assets/react/browser.min.js">script>
head>
<body>
<div id="message" align="center">div>
<script type="text/babel">
{}
var Counter = React.createClass({
{}
getInitialState: function () {
return { clickCount: 0 };
},
{}
handleClick: function () {
{}
this.setState(function(state) {
return {clickCount: state.clickCount + 1};
});
},
render: function () {
{}
return (<h2 onClick={this.handleClick}>点我！点击次数为: {this.state.clickCount}h2>);
}
});
ReactDOM.render(
<Counter />,
document.getElementById('message')
);
script>
body>
html>
