码迷,mamicode.com
首页 > 其他好文 > 详细

第二个react程序出错点总结

时间:2017-03-24 13:47:39      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:调用   ret   oct   尺寸   return   var   script   onload   总结   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://cdn.bootcss.com/react/0.14.1/react.js"></script>
    <script src="http://cdn.bootcss.com/react/0.14.1/react-dom.js"></script>
    <script src="http://cdn.bootcss.com/babel-core/5.8.32/browser.min.js"></script>
</head>
<body>
    <div id="oDiv">
        
    </div>
</body>
<script type="text/babel">
        class Comp extends React.Component{
            render(){
                return <span>qqaazz</span>;
            }
        }
        window.onload = function(){
        var odiv = document.getElementById(oDiv);
        ReactDOM.render(
            <Comp/>,
            odiv
            );
    }
</script>
</html>

出错点:

1、class Comp extends React.Component  这里的React.Component一定记得是中间有个点,这里很容易忽略,出错了也不好找问题;

2、ReactDOM.render();是一个调用函数,需要参数,所以这里应该用括号;

3、class Comp extends React.Component 它创建的是一个类,所以需要用的是花括号,相当于一个对象;

  创建的类里面的render 是一个函数,所以应该有圆括号,不能直接写花括号,记清楚,很容易弄错。

创新创效尺寸小尺寸

第二个react程序出错点总结

标签:调用   ret   oct   尺寸   return   var   script   onload   总结   

原文地址:http://www.cnblogs.com/Jerry-spo/p/6610800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!