コードがPhpStorm/WebStormで壊れて強調表示が反応HOCのデコレータ

Question

背景

それは私のハイライトは、PhpStorm/WebStormで壊れているデコレータが含まれている反応で高次のコンポーネントを書き込むこと。

サンプルコード

export default function HOC(WrappedComponent) { 
    return (
     @connect(
      state => ({ 
       data: state.data 
      }) 
     ) 
     class extends Component {/** react component **/} 
    ) 
} 

エラー

コードのこの作品は、私の反応アプリケーションに完全にコンパイルしますが、私のIDEでのエラーの全体の束を引き起こします。

デコレータを削除すると、エラーが消えます。しかし、他のコンポーネントでデコレータを使用すると、強調表示に問題はありません。デコレータのグローバルな問題ではないということを意味します。

フラグ付き最初のエラーが

ある）予想線19（線19は、デコレータの終わりである）

これは、returnステートメントはのグルーピングを理解していない、そのことを意味しますデコレータとコンポーネントが正しく表示されます。

質問

は、簡単に多分ライブラリをこの問題を解決する方法はあります。あるいは、私はこれらのHOCを書く方法を変えるべきですか？

Answer 1

IDE

通報し、このコードの上に述べたようにはIDEとどのようにそれがデコレータを返す何かを検出したとの問題のいくつかの種類があるためにそこに、コンパイルし、実行します。

回避策

私は、コードのハイライトを修正するために使用される周りの仕事がありました。 Byリターンの前にクラスにデコレータを適用できるようにし、任意の名前を追加すると強調表示が戻ります。

例

export default function HOC(WrappedComponent) { 

    @connect(
     state => ({ 
      data: state.data 
     }) 
    ) 
    class HOC extends Component {/** react component **/} 

    return HOC; 
} 

Answer 2

これは既知のバグです、アップデート

ため WEB-23326に従ってください。