React this.state

发布时间：2020-12-15 07:18:44 所属栏目：百科来源：网络整理

导读：!doctype htmlhtmlheadmeta charset="utf-8"script src="../build/react.js"/scriptscript src="../build/react-dom.js"/scriptscript src="../build/browser.min.js"/script/headbodydiv id="abc"/divscript type="text/babel"var LikeButton = React.creat

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!