React JS中的Uncaught Type错误

时间:2017-12-14 05:38:35

标签: javascript reactjs

打开html文件时收到以下错误消息。

TypeError: undefined is not a function (near
'..._react2.default.createClass...')
(anonymous function)bundle.js 966
_webpack_require bundle.js 20
(anonymous function)bundle.js 73
_webpack_require bundle.js 20
(anonymous function)bundle.js 63
_webpack_require bundle.js 64

这是我的Html代码

</head>
<body>
    <div id="content"></div>
    <script src="js/bundle.js"></script>
</body>
</html>

这是我的app.js文件    import firstComponent from './firstComponent'

这是我的第一个component.js文件

import React from 'react'
import ReactDOM from 'react-dom'
var CommentBox=React.createClass({
 render:function(){
   return(
      <div className="CommentBox">
                HelloWorldCommentBox
      </div>
   );
   }
  });
  ReactDOM.render(
  <commentBox/>,
       document.getElementById('content')
  );

请帮我解决这个问题

1 个答案:

答案 0 :(得分:1)

组件的名称必须以大写字母开头,并且在使用组件时必须使用相同的名称。

该组件

  

<CommentBox/>

  

<commentBox/>