React this.state

<!doctype html>
<html>
<head>
		<meta charset="utf-8">
	
	<script src="../build/react.js"></script>
	<script src="../build/react-dom.js"></script>
	<script src="../build/browser.min.js"></script>
</head>
<body>
	<div id="abc"></div>
	<script type="text/babel">
		
		var LikeButton = React.createClass({
			getInitialState:function(){<!--初始化状态值-->
				return {liked:true};
			},handleClick:function(event){<!--处理函数 不断的取反-->
				this.setState({liked: !this.state.liked});
			},render:function(){
				var text=this.state.liked? 'liked':'havent liked';
				return (
					<p onClick={this.handleClick}>
						you {text} this.Click to toggle.
					</p>
				);
			}
		});
		

		ReactDOM.render(
		<LikeButton />,document.getElementById('abc')
		);
	</script>
</body>
</html>
React this.state

相关文章
