React 报错

最新推荐文章于 2023-04-23 17:07:10 发布

燎原lyly

最新推荐文章于 2023-04-23 17:07:10 发布

阅读量170

点赞数

分类专栏： react 文章标签： react js 前端

本文链接：https://blog.csdn.net/qq_41652952/article/details/80356170

版权

react 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

刚学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>