爲什麼@語法不工作中發生反應，JS

Question

http://codepen.io/anon/pen/KaZavV 嗨

我使用HOC使用修飾語法。但它不工作，爲什麼？我做三個分量。但是當我用組件的上方「@」語法。它顯示什麼

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

Answer 1

裝飾不在語言，所以你需要使用巴貝爾。

你可以使用babel-plugin-transform-decorators-legacy和它作爲一個插件添加到您的.babelsrc文件：

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