2016-12-30 12 views
2

Quelle est la bonne façon d'ajouter console.log et debugger instructions à mon React.Components?instructions console.log & debugger dans React.Components - jeton inattendu

Il suffit de les laisser tomber en produit Unexpected token erreurs:

export class ManageCoursePage extends React.Component { 
    debugger; 
    constructor(props, context) { 
    super(props, context); 

Un peu plus utile, mais produit encore Unexpected 'debugger' statement:

export class ManageCoursePage extends React.Component { 

    constructor(props, context) { 
    super(props, context); 
    debugger; 

Ou même console erreurs navigateurs sur Uncaught SyntaxError: Unexpected token ;:

class Woot { 
    debugger; 
} 

Qu'est-ce qui se passe exactement ici? Déplacez votre instruction de débogueur à l'intérieur du constructeur ou d'une fonction et cela fonctionnera correctement.

+1

Je ne parviens pas à reproduire l'erreur dans votre deuxième exemple: http://codepen.io/FullR/pen/JEPPxR – SimpleJ

+3

Le corps 'class' ne peut contenir que des déclarations de méthode. Vous ne pouvez pas mettre d'instructions arbitraires dans le corps. Mettre l'instruction 'debugger' dans le constructeur devrait fonctionner. Si vous obtenez * "Déclaration de débogueur inattendue" *, cela peut être un avertissement de linter, et bien sûr peut être ignoré lorsque vous êtes en train de déboguer. Utilisez-vous un linter? –

+0

Confirmé, le paramètre 'debugger' dans le constructeur fonctionne, lors du test dans la console du navigateur. – nullsteph

Répondre

1

+0

Merci, après un peu d'essais et d'erreurs, cela fonctionne comme prévu. – nullsteph