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

如上图，很简单的一个代码，但是还是无法渲染到界面中，不知道哪里出了错误，自己实在是摸不到头脑，所以来着问问，求帮帮忙。
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>

babel没加载

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

JSX引入了吗

参考下文档吧：http://facebook.github.io/react/docs/jsx-in-depth.html

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

Hello

【热门文章】