新手提问:React组件无法渲染。

clipboard.png

如上图,很简单的一个代码,但是还是无法渲染到界面中,不知道哪里出了错误,自己实在是摸不到头脑,所以来着问问,求帮帮忙。
ps.三个引入的库是没问题的,之前都是用这个界面做的。

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>

    <script src="bower_components/react/react.min.js"></script>
    <script src="bower_components/react/react-dom.min.js"></script>
    <script src="bower_components/babel/browser.min.js"></script>
    
    <script type="text/babel">


        var hello = React.createClass({
            render: function () {
                return (
                    <h1>demo</h1>
                );
            }
        });


        ReactDOM.render(
            <hello />,
            document.getElementById('app'),
            function () {
                console.log('ok');
            }
        );

    </script>
        

</body>
</html>
阅读 6.7k
6 个回答

组件名称必须大写字母开头,

Hello

兄弟啊,组件hello,首字母改成大写吧。

JSX引入了吗

babel没加载

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题