Comment casser des points dans le code de réaction

Comment casser des points dans le code de réaction : ouvrez d'abord l'extension dans le navigateur Chrome ; puis cliquez sur "Extensions->Ouvrir le Chrome Web Store", puis recherchez les outils de développement de réaction et installez-les. point dans le code de réaction.

L'environnement d'exploitation de cet article : système Windows7, ordinateur Dell G3, React17.0.1&&chrome87.0.

Recommandé : "Tutoriel vidéo React"

1 Installez l'outil de débogage React Developer Tools

En premier. de tous Installez l'outil de débogage de React Developer Tools dans Chrome

React Developer Tools est une extension de navigateur Chrome utile développée par Facebook. Lors du débogage avec les outils de développement React, vous pouvez afficher la hiérarchie des composants React de votre application au lieu de la représentation DOM plus obscure du navigateur.

Remarque : Ce plugin n'est valable que pour le développement ReactJS. S'il s'agit de React Native, vous ne pouvez pas utiliser ce plug-in pour déboguer.

1) Cliquez sur les trois points dans le coin supérieur droit du navigateur Chrome-Plus d'outils->Extensions (ou saisissez chrome://extensions/ directement dans le navigateur pour saisir les extensions)

2), cliquez sur [Extensions]-[Ouvrir Chrome Web Store] dans le coin supérieur gauche

3), recherchez les outils de développement React, sélectionnez Installer et ajoutez Just allez sur Chrome.

4. Une fois l'installation terminée, ouvrez la page de gestion des extensions. Cochez « Autoriser l'accès aux URL des fichiers » dans les outils de développement React.

5. Utilisez

2. Points d'arrêt dans le code de réaction

(2) F8 pour continuer le débogage

(3) F11 pour entrer dans le débogage du corps de la fonction en Javascript

(4) F10 entre dans la ligne suivante ;

f10 consiste à exécuter la ligne suivante du code js

f11 consiste à saisir la méthode de la ligne actuelle

f8 permet au code de continuer à s'exécuter

f8 permet au code de continuer à s'exécuter

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!