i trying learn react official tutorial. getting following error.
typeerror: constructor comment requires 'new' react.js:5970 i don't know doing wrong. hope can help. source code given below.
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie-edge"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>hello world</title> </head> <body> <div id="content"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"> </script> <script type="text/babel"> // tutorial8.js var data = [ {id: 1, author: "pete hunt", text: "this 1 comment"}, {id: 2, author: "jordan walke", text: "this *another* comment"} ]; var commentbox = react.createclass({ render: function() { return ( <div classname="commentbox"> <h1>comments</h1> <commentlist data={this.props.data} /> </div>); } }); var commentlist = react.createclass({ render: function() { var commentnodes = this.props.data.map(function(comment) { return ( <comment author={comment.author} key={comment.id}> {comment.text} </comment>); }); return ( <div classname="commentlist"> {commentnodes} </div> ); } }); // last step. reactdom.render( <commentbox data={data} />, document.getelementbyid('content')); </script>
any assistance gratefully appreciated.
the solution problem quite simple. you're missing code create comment component. may want based on how you've set commentbox.
var comment = react.createclass({ render: function() { return ( <div classname="commentcontainer"> <div classname='commentauthor'>{this.props.author}</div> <div classname='commenttext'>{this.props.children}</div> </div>); } }); 