2017-01-30 12 views
0

http://codepen.io/anon/pen/KaZavV こんにちは構文@で動作しない理由は、JSを反応

私はそれがなぜ機能していない.Butデコレータ構文を使用してHOCを使用していますか?私は3つの部品を作る.But私はコンポーネントの上に「@」の構文を使用する場合

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

あなたは '@'を見てきた反応で認識可能でしょうか? –

+0

デコレータはリアクションの一部ではありません。どのJS言語機能もReactの一部ではありません。 JSXは何かReactが登場しましたが、Reactの一部ではありません。それは、あなたがTransilerを使用してコードに適用する変換です。デコレータにも同じことが適用されますが、それはあなたがトランジライズする必要のあるエクスペリエンス_言語機能です。 –

答えて

1

デコレータは、言語では利用できない何も示さない.ITので、あなたはバベルを使用する必要があります。

あなたはbabel-plugin-transform-decorators-legacyを使用して、.babelsrcファイルへのプラグインとして追加することができます。

{ 
    "plugins": ["transform-decorators-legacy"] 
} 
関連する問題