首页 > 代码库 > 第二个react程序出错点总结

第二个react程序出错点总结

2024-09-10 09:22:30   218人阅读

<!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程序出错点总结


联系
我们