您的位置：首页 > Web前端 > React

React 报错

2018-05-17 20:15 176 查看
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/qq_41652952/article/details/80356170

刚学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的黄色块 什么都显示不出来！

求大神解答！！！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航