“Uncaught TypeError: Réagir.createClass n'est pas une fonction” dans Render.js fichier (électron app)

Je suis nouveau sur react.js et je suis en train d'essayer d'obtenir ce code pour remplacer une ligne dans un fichier html à l'intérieur d'un électron app avec tout ce qui est dans le retour à l'intérieur de la MainInterface variable

C'est mon Render.js Fichier

var React = require('react');
var ReactDOM = require('react-dom');

var $ = jQuery = require('jquery');
var bootstrap = require('bootstrap');

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

var MainInterface = React.createClass({
  render: function() {
    return(
      <h1>SUCCESSSSSSSSSSS</h1>
  );
}//render
});//MainInterface

ReactDOM.render(
  <MainInterface />,
  document.getElementById('projects')
);//render

C'est le fichier html (remplacer les mots à la minute de chargement...) (j'ai la dernière balise html qui manque ici, dans mon fichier réel)

> <!DOCTYPE html> <html lang ="en">   <head>
>     <meta charset="utf-8">
>     <meta name ="viewport" content="width=device-width, initial-scale=1.0">
>     <meta http-equiv="X-UA-Compatible" content="ie=edge">
>     <link rel="stylesheet" href="css/app.css">
>     <title>Project Manager</title>   </head>   <body>   <div claa="main">
>     <div class="page" id="projectratings">
>       <div id="projects">
>         <h2>WPM ... loading</h2>
>       </div>
>     </div>   </div> <script src="js/render.js"></script>   </body>

C'est mon colis.json

{
  "name": "ETest",
  "version": "1.0.0",
  "main": "app/main.js",
  "devDependencies": {
    "create-react-class": "^15.6.2",
    "electron": "^1.7.8",
    "electron-packager": "^9.1.0",
    "gulp": "^3.9.1",
    "gulp-browserify": "^0.5.1",
    "gulp-concat-css": "^2.3.0",
    "gulp-react": "^3.1.0",
    "gulp-run": "^1.7.1",
    "react": "^16.0.0",
    "react-addons-test-utils": "^15.6.2",
    "react-dom": "^16.0.0",
    "reactify": "^1.1.1"
  },
  "dependencies": {
    "bootstrap": "^3.3.7",
    "electron-reload": "^1.2.2",
    "jquery": "^3.2.1",
    "lodash": "^4.17.4"
  }
}

J'ai essayé d'installer creat-réagir la classe et en utilisant le fait que (comme vu dans la ligne qui est commenté dans la render.js fichier)

Je l'ai désinstallé et réinstallé à la fois de réagir et réagir-dom

pas sûr de ce que je suis absent de

continuer à se

C:\Users\user\Desktop\ElectronTesting\process\js\fake_6052bf8b.js:8 
Uncaught TypeError: React.createClass is not a function

mon render.js fichier se trouve à l'ElectronTesting\process\js\render.js
je ne sais pas pourquoi il points de fake_6052bf8b.js j'ai été en supposant que certains type de fichier temp (corrigez-moi si je me trompe)

Merci pour toute aide.

**EDIT yep d'une simple erreur, j'ai oublié de remplacer Réagir.createClass avec createReactClass, merci pour l'exemple de code qui m'a fait enfin le voir!!

Quelle erreur avez-vous lorsque vous avez essayé d'utiliser createReactClass?
Est-ce nouveau code? Si oui, ne pas utiliser de create-react-class, il suffit d'écrire moderne JS et étendre votre composant de Réagir de Component classe.

OriginalL'auteur Tavem | 2017-10-04

19

Réagir retiré createClass à partir de la version 16.
Vous pouvez utiliser create-react-class de migrer facilement comme le montre réagir de la documentation.
```
//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 />;
  }
});
```
en savoir plus sur ce https://reactjs.org/blog/2017/04/07/react-v15.5.0.html#migrating-from-reactcreateclass

Merci, alors que j'avais trouvé cela quand j'ai essayé de la mettre en œuvre, il semble que j'ai oublié de remplacer Réagir.createClass avec createReactClass... en conclusion facepalm. merci pour l'aide!!
Notez également que Mixin ont été désapprouvées tout à fait il ya un moment parce qu'ils ont été un considéré comme nocif motif, de sorte à ce stade, vous devriez vraiment penser à de la commutation du courant de Réagir de la sorte, plutôt que d'essayer de maintenir les vieux schémas qui ne sont pas tout assez vieux pour être impossible à assez facilement remplacer. Le plus vous attendez, plus vous le faites pour vous-même.
quelle est la différence si je mets de réagir: la "réagir" ou "réagir" ? ..
non, elles sont de la même

OriginalL'auteur sbr
0

Dans la dernière version de Réagir, vous remarquerez que de Réagir.createClass a été retiré de la bibliothèque. L'un des changements les plus importants est que vous pouvez créer Réagir composants à l'aide de classes JavaScript.

Pouvez-vous expliquer un peu plus?

OriginalL'auteur Sudabe-Neirizi

Vous devez vous connecter pour publier un commentaire.