Uncaught Type error in React JS [duplicate]

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
– Andrew Li, Commented Dec 14, 2017 at 5:49
@Rajesh It was deprecated in 15 and officially removed, see "Packaging": reactjs.org/blog/2017/09/26/react-v16.0.html — Andrew Li
– Andrew Li, Commented Dec 14, 2017 at 5:56

dinidu · Accepted Answer · 2017-12-14 05:54:14Z

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, 2017 at 5:54

dinidu

2303 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Uncaught Type error in React JS [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related