mot-clé de la fonction Skipping lance erreur de syntaxe

Question

Cet exemple ne fonctionne pas:

var App = React.createClass({ 
    render() { 
    return (
     <div> 
    Hello World </div> 
    ) 
    } 
}); 

je compile jsx en js sur le côté client et le navigateur génère l'erreur,

Uncaught SyntaxError: Unexpected token (

Cet exemple fonctionne:

var App = React.createClass({ 
     render: function() {  
    return (
     <div> 
    Hello World </div> 
    ) 
    }  }) 

Alors, comment fonctionne-t-react-router tutoriel sans mot-clé de la fonction?

Answer 1

Alors, comment fonctionne react-router tutorial sans le mot-clé function?

Ceci est une chose relativement nouvelle, étant ajoutée dans le cadre de ES6 Vous pouvez create methods like that, essentiellement, ce code dans ES6 (ECMAScript 6, la prochaine version de "JavaScript."):

var obj = { 
    foo() { 
    } 
}; 

est équivalent à ce code dans ES5 et avant:

var obj = { 
    foo: function foo() { 
    } 
}; 

(? bugs navigateur Modulo autour nommés expressions de fonction, mais personne n'utilise IE8 ou Safari 5 plus, droit à droite)

La nouvelle syntaxe fonctionne sur les versions récentes de Firefox et Chrome. Cela dit, je suppose que c'est juste une erreur mineure dans ce tutoriel, car ils ne le font que dans quelques endroits et utilisent la syntaxe plus ancienne dans la plupart des endroits.