Maison > interface Web > js tutoriel > Solutions aux erreurs du programme JavaScript

Solutions aux erreurs du programme JavaScript

巴扎黑
Libérer: 2017-07-23 15:23:55
original
2268 Les gens l'ont consulté
Lors de la programmation aujourd'hui, le programme JavaScript a signalé cette erreur : Impossible d'utiliser l'opérateur 'in' pour rechercher..., le message d'erreur spécifique est le suivant :
Franchement parlant, les erreurs comme celle-ci sont les plus difficiles à déboguer. Parce qu'il ne pointe pas vers le code spécifique que vous avez écrit, mais pointe généralement vers le fichier lib.js (ce fichier est généralement une bibliothèque de packaging et de compression tierce), vous pouvez difficilement localiser le problème de programmation réel en fonction du type d'erreur et direction de l’erreur. Mauvais emplacement.
Que dois-je faire ?
En ce moment, la seule façon de vous montrer est votre esprit « dur » !
Étapes alimentées :
  1. Selon la page de panne et le message d'erreur, il ne devrait pas être difficile de localiser le fichier défectueux

    ;
  2. Dans la page d'erreur, cliquez sur Déboguer un par un pour voir à quelle étape l'erreur a commencé à apparaître ! Très critique ! Par exemple, si une erreur se produit au début du chargement, localisez la partie d'initialisation du fichier js ; si une erreur se produit en cliquant sur un bouton, localisez le code d'événement correspondant du bouton et ainsi de suite.

  3. Dans le cadre du code positionné, utilisez la "méthode de compromis" et commentez-la petit à petit. Actualisez la page pour voir si l'erreur persiste. , cela signifie qu'il n'y a aucun problème avec la partie commentée du code, relâchez les commentaires, et continuez avec d'autres parties de code suspectes, félicitations, votre positionnement sera plus affiné ! L'idée générale est comme ça, ça continue encore et encore, je crois, il y aura toujours la joie de "repousser les nuages ​​et de voir le ciel bleu éclatant" !

1 console.log('rendernerererer: ', schoolData)2 3 const schoolNode = (4     <Select style={{width: &#39;100%&#39;}} placeholder="请选择所属学校">5         { schoolData.length && schoolData.map((item, idx) => (6             <Option key={idx} value={`${item.id}`}>{item.name}</Option>7         )) }8     </Select>9 );
Copier après la connexion

Comme vous pouvez le constater, rendernererer Il a été imprimé correctement. Le problème se situe après cette ligne de code :

 1 const schoolData = this.state.schoolList; 2 console.log('rendernerererer: ', schoolData) 3   4 const schoolNode = ( 5     <Select style={{width: &#39;100%&#39;}} placeholder="请选择所属学校"> 6         { schoolData.length ? schoolData.map((item, idx) => ( 7             <Option key={idx} value={`${item.id}`}>{item.name}</Option> 8         )) : <Option value=&#39;&#39;>请选择...</Option> } 9     </Select>10 );
Copier après la connexion

 1 const schoolData = this.state.schoolList; 2 console.log('rendernerererer: ', schoolData) 3   4 const schoolNode = ( 5     <Select style={{width: &#39;100%&#39;}} placeholder="请选择所属学校"> 6         { schoolData.length ? schoolData.map((item, idx) => ( 7             <Option key={idx} value={`${item.id}`}>{item.name}</Option> 8         )) : null } 9     </Select>10 );
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal