Javascript Girl
  1. Javascript Girl
  3. Composé de réactionDidMount ne déclenche pas
Intereting Posts
Comment faire une requête JSONP POST en angulaire? Comment puis-je installer la version angulaire 1.1.5 via npm Comment supprimer le caractère en double à la fin d'une chaîne dans Regex Saisissez-vous manuellement une valeur dans une liste HTML "Sélectionner" / Drop-down? Personnaliser Jquery UI Datepicker Nodejs – faire en sorte que la socket du client réessaye après 5 secondes de délai CSS glisser le bord inférieur sur le clic Comment utilisez-vous ViewCompiler pour compiler manuellement une partie du DOM? Ajax synchrone: Chrome a-t-il un délai d'attente sur les événements approuvés? Afficher la valeur dans la barre sur le graphique à barres Fuite de mémoire pour javascript setInterval Uncaught SecurityError: Impossible d'exécuter 'getImageData' sur 'CanvasRenderingContext2D': le canevas a été entaché par des données d'origine croisée Javascript oblige à ouvrir un lien dans un navigateur Ajouter une autre classe à une div avec javascript Changement de largeur de hauteur dynamique iframe basé sur le contenu interne

Composé de réactionDidMount ne déclenche pas

J'ai configuré un nouveau projet réactif et, pour une raison quelconque, la méthode componentDidMount n'est pas appelée.

J'ai vérifié ce comportement en plaçant un appel sur console.log dans componentDidMount mais je ne vois pas sa sortie dans la console.

En outre, this.setState() ne fonctionne pas.

Je suis très perplexe quant à la raison pour laquelle le componentDidMount n'est pas appelé. J'ai essayé d'utiliser à la fois React "v0.14.0" et "v0.14.3".

Pourquoi le composantDidMount n'est-il pas appelé?

Code: 

 var React = require('react'); var RecipePage = React.createClass({ componentDidMount: function() { console.log('mounted!'); }, render: function() { return ( <div>Random Page</div> ); } }); module.exports = RecipePage;

Cela m'est arrivé quand j'avais componentWillMount() défini 2x dans la même classe. Cela n'a pas généré d'erreur d'exécution. J'ai simplement supprimé la deuxième définition et les choses ont commencé à fonctionner.

Alors … et voici … J'ai finalement réussi à travailler (avec l'aide d'un expert en back-end). La raison pour laquelle les méthodes "componentDidMount" ne tiraient pas parce que mon serveur était regroupé et desservait tous les éléments de réaction + html sur le côté serveur . (Seules les méthodes "render" et "getInitialState" sont appelées pour créer le modèle "html" qui est livré via le navigateur du client … mais il s'arrête là parce qu'il pense qu'il est terminé)

Le correctif: recherchez un moyen de fournir le html "compilé" résultant via le serveur et, en plus, permettez que les événements de réactivité soient accessibles et "défectueux" à nouveau du côté du client . Lors de la compilation de mon fichier "view" (index.js ou index.html), j'ai inclus un script "Application.start ()" qui injecte de nouveau mon code bundle.js dans le modèle. Ensuite, dans mon fichier gulp, j'ai exporté la variable "Application" pour que le fichier "view" puisse y accéder.

Gahh … a tiré mes cheveux pour cela. Temps de lecture sur le côté serveur vs. rendu côté client

Vous devez modifier votre module.exports pour pointer sur RecipePage et non sur TestPage 

 module.exports = RecipePage;