Uncaught Type error in React JS

Question

I get the below error message when I open my html file.

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

This is my Html code

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

This is my app.js file import firstComponent from './firstComponent'

This is my first component.js file

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')
  );

Please Help me with this

@Rajesh Why? I suspect the error comes from the fact `createClass` was removed in 16 — Andrew Li, Dec 14 '17 at 05:49
@Rajesh It was deprecated in 15 and officially removed, see "Packaging": https://reactjs.org/blog/2017/09/26/react-v16.0.html — Andrew Li, Dec 14 '17 at 05:56

score 1 · Answer 1 · answered Dec 14 '17 at 05:54

1

The name of the component has to started with a capital letter and you have to use use the same name when you use the component.

The component is

<CommentBox/>

not

<commentBox/>

answered Dec 14 '17 at 05:54

dinidu

230
2
7

Uncaught Type error in React JS

1 Answers1