React this.state

最新推荐文章于 2024-04-24 09:24:11 发布

sunda112

最新推荐文章于 2024-04-24 09:24:11 发布

阅读量390

点赞数

分类专栏： React 文章标签： React

本文链接：https://blog.csdn.net/sunling112/article/details/72820351

版权

React 专栏收录该内容

6 篇文章

订阅专栏

<!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>