Javascript 反应和引导：组件未呈现

我试图使用react呈现简单的引导组件

这是index.html：

待办事项清单
去做，去做，去嘟嘟

您需要包含

babel standalone

脚本，要转换代码，请在标题部分使用此脚本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script>

检查工作示例：

待办事项清单
去做，去做，去嘟嘟
var App=React.createClass({
render:function（）{
return你好

}
})
ReactDOM.render（，document.getElementById（'list'））

在JSX中，只需将

class=”“

更改为

className=“”

：

var ListOfActionsRendering=React.createClass({
render:function（）{
报税表（
);
}
});
不客气，如果你认为我的答案有用，请考虑投票，谢谢！如果您对reactjs有进一步的问题，您可以让我知道，如果可以，我会尽力帮助您！
var ListOfActionsRendering=React.createClass({
   render: function() {
       return (         
        <div className="accordion" id="listOfActions">
           <div className="accordion-group">
              <div className="row">
                 <div className="col-sm-2">
                    <a className="accordion-toggle" data-toggle="collapse" data-parent="#listOfActions" href="#defaultList">
                       <h4 id="nameOfGroup"> Основной список </h4>
                    </a>
                 </div>

                 <div className="col-sm-2">
                    <div className="btn-group">
                       <button className="btn" onclick="onEditListOfActionClick()"><i className="glyphicon glyphicon-pencil"></i></button>
                       <button className="btn"><i className="glyphicon glyphicon-remove"></i></button>
                    </div>
                 </div>
              </div>
           </div>

            <div className="accordion-body collapse in" id="defaultList">
                <div className="accordion-inner">
                    <a href="#defaultList">
                        <h5>  </h5>
                    </a> 
                </div>
            </div>
        </div>

        );
   }
});