Javascript Simple React组件无法渲染

我无法得到这个简单的类来渲染。这是我的密码

allView.js

var StatCard=React.createClass({
render:function（）{
返回(
4480
学校
匹配器
);
}  
});
//console.log（“在ReactDOM.render之前”）；->它没有记录任何东西
ReactDOM.render（，document.getElementById（'chartarea'）；

HTML文件

我对JS比较陌生，所以不能做太多在阅读了类似的问题和文档后，我做了以下操作

• 大写变量
• 在脚本标记中添加了

  type=“text/jsx”

• 尝试改用

  type=“text/babel”

• 将脚本标记放置在不同的位置，即使将其放置在末尾似乎是合适的
• 已检查并重新检查所替换图元上的结束标记
• 包括演示小提琴中给出的相关React文件
• 检查控制台（加载状态代码为200的所有文件）

我放置了一个没有注释的console.log语句，但控制台上什么也没有显示

---

非常感谢您的帮助。

您是否包括巴别塔脚本？怎么写的？

你把巴别塔的剧本包括进去了吗？如何添加？

添加script type=“text/babel”

添加脚本类型=“text/babel”

您是否包含了babel脚本？怎么做呢？你应该把ReactDOM.render（）调用放在一个普通的javascript文件中。@Maxx请回答，这样我就可以接受你给出的解决方案了。你包括babel脚本了吗？怎么做？你应该把ReactDOM.render（）调用放在一个普通的javascript文件中。@Maxx请回答，这样我就可以接受你给出的解决方案了。非常感谢。我花了很多时间试着让它工作。如果我使用type=“text/jsx”看起来像是

react tools

，那么我应该包括哪些内容，但我想它已经被弃用了，您应该使用babel（并且在生产中不要使用浏览器传输），非常感谢。我花了很多时间试着让它工作。如果我使用type=“text/jsx”看起来像

react tools

，我应该包括哪些内容，但我想这是不推荐使用的，您应该使用babel（并且不要在生产中使用浏览器传输）

var StatCard = React.createClass({
    render: function() {
        return  (
                <div class="card">
                    <div class="ui statistic">
                    <div class="value">4480</div>
                    </div>
                    <div class="header">Schools</div>
                    <div class = "meta">matcher</div>
                </div> 
            );
    }  

});

// console.log("Before ReactDOM.render"); -> It doesn't log anything 

ReactDOM.render( <StatCard />, document.getElementById('chartarea'));

<div id="chartarea"> </div>



</body>
<script type="text/jsx" src="static/js/all/allView.js"></script>

<script type="text/babel" src="static/js/all/allView.js"></script>