2017-01-30 2 views
0

http://codepen.io/anon/pen/KaZavV Hallowarum @ Syntax funktioniert nicht in react js

ich HOC mit Dekorateur Syntax bin mit .Aber es nicht funktioniert, warum? Ich mache drei Komponenten .Aber wenn ich verwendet ‚@‘ Syntax über der Komponente zeigen .it nichts

@D 
    class A extends React.Component { 
     render(){ 
     return (
      <div> 
      <button onClick={this.props.update}>increase</button> 
      <h1>{this.props.count}</h1> 
      </div> 
     ) 
     } 
    } 
+0

Wo Sie 'gesehen haben @' ist erkennbar in reagieren? –

+0

Dekorierer sind nicht Teil von React. Jede JS-Sprachenfunktion ist nicht Teil von React. JSX ist etwas, was React entwickelt hat, aber es ist auch nicht Teil von React, es ist eine Transformation, die Sie mit einem Transpiler auf Ihren Code anwenden. Gleiches gilt für Dekoratoren, es ist eine _experimentelle_ Sprachfunktion, die Sie transponieren müssen. –

Antwort

1

Zierer nicht in der Sprache verfügbar sind, so müssen Sie Babel verwenden.

könnten Sie babel-plugin-transform-decorators-legacy verwenden und fügen Sie es als Plugin auf Ihre .babelsrc Datei:

{ 
    "plugins": ["transform-decorators-legacy"] 
} 
Verwandte Themen