CreateClass reported an error

the project uses create-react-app scaffolding to frame the project. I just want to practice simply, but I didn"t expect to report an error. The code is as follows:

import React from "react";
import ReactDOM from" react-dom";
import". / index.css";
/ / import App from". / App";
import registerServiceWorker from". / registerServiceWorker";

var Card = React.createClass ({

) 
render: function() {
  return (
    <div>
123
</div>
    )
}

});
ReactDOM.render (< Card / >, document.getElementById ("root"));
registerServiceWorker ();

)

errors are as follows:

TypeError: _ WEBPACK_IMPORTED_MODULE_0_react_default.a.createClass is not a function
. / src/index.js
C:/Users/MatCloud/Desktop/mutest/test-react/src/index.js:7
4 | / / import App from". / App";
5 | import registerServiceWorker from". / registerServiceWorker";
6 |

7 | var Card = React.createClass ({
8 | render: function () {
9 | return (
10 |

123

< / div >
View compiled
render: function () 6 stack frames were collapsed.
React.js
Mar.03,2021

React.createClass is not recommended in React@15.5.0 , but ES6 class

is recommended.

Functional and Class Components 

// 
class Card extends React.Component {
    render(){
       return(
           <div>
123
</div>   
        )
     }
}

// 
const Card = () => <div>
123
</div>;

from-reactcreateclass" rel=" nofollow noreferrer "or alternative: 

// Before (15.4 and below)
var React = require('react');

var Component = React.createClass({
  mixins: [MixinA],
  render() {
    return <Child />;
  }
});

// After (15.5)
var React = require('react');
var createReactClass = require('create-react-class');

var Component = createReactClass({
  mixins: [MixinA],
  render() {
    return <Child />;
  }
});

Previous: Is there a more mature acquisition scheme for UV mapping of Three.js more complex maps?

Next: How to write a map interface for Mini Program to call PHP

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu