刚学react 学到了状态这里。然后有个错误,不知道怎么回事!
求大神解答!!
代码是这样的:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UFT-8">
<title>Document</title>
<script type="text/javascript" src="react-0.14.3/build/react.js"></script>
<script type="text/javascript" src="react-0.14.3/build/JSXTransformer.js"></script>
<script type="text/jsx">
var DrinkButton = React.createClass({
getIntitalState:function(){
return {liked:true};
},
handleClick:function(event){
this.setState({liked : !this.state.liked});
},
render:function(){
var text = this.state.liked ? 'tea':'milk';
return (
<p onClick={this.handleClick}>
你<b>{text}</b>想喝什么。点我切换饮料。
</p>
);
}
});
React.render({
<DrinkButton />,
document.getElementById('example')
});
</script>
</head>
<body>
<div id="example" style="background-color:yellow;width: 100px;height: 100px">
</div>
</body>
</html>
除了一个div的黄色块 什么都显示不出来!
求大神解答!!!