Let’s say you convert an old React object-class to an ES6 object, resulting in the following code:<\/p>\n
\nclass MyComponent extends React.Component {\n render() {\n return Hello!<\/div>;\n }\n}\n\nReact.createClass(MyComponent);\n<\/pre>\nThis can give you an error:<\/p>\n
\nreact-with-addons.js:20261 Uncaught Error: Invariant Violation: ReactClass: You're attempting to use a component class as a mixin. Instead, just use a regular object.\n<\/pre>\nThe correct answer is to use “MyComponent” directly, like so:<\/p>\n
\nreturn Let’s say you convert an old React object-class to an ES6 object, resulting in the following code: class MyComponent extends React.Component { render() { return Hello!; } } React.createClass(MyComponent); This can give you an error: react-with-addons.js:20261 Uncaught Error: Invariant Violation: ReactClass: You’re attempting to use a component class as a mixin. Instead, just use a … <\/p>\n