码迷,mamicode.com
首页 > 其他好文 > 详细

React实例3-状态2

时间:2017-05-14 01:02:14      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:cti   rip   ret   script   ntb   lstat   browser   count   charset   

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>state2</title>
<script src="build/browser.min.js"></script>
<script src="build/react.js"></script>
<script src="build/react-dom.js"></script>
<script type="text/babel">
var ClickApp = React.createClass({
getInitialState:function(){
return {
clickCount:0,
};
},
handleClick:function(){
this.setState({
clickCount:this.state.clickCount+1,
});
},
render:function(){
return (
<div>
<h2>点击下面按钮</h2>
<button onClick={this.handleClick}>点击我</button>
<p>你一共点击了:{this.state.clickCount}</p>
</div>
);
}
});

ReactDOM.render(<ClickApp/>,
document.getElementById(‘app‘),
function(){
console.log(‘渲染完成啦‘)
});
</script>
</head>

<body>

<div id="app"></div>
</body>
</html>

React实例3-状态2

标签:cti   rip   ret   script   ntb   lstat   browser   count   charset   

原文地址:http://www.cnblogs.com/codepen2010/p/6850865.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!