VS2017のReact ConnectedコンポーネントのStrange Intellisenseエラー

Question

this .jsx接続コンポーネントを.jsファイルとしてReact-Reduxプロジェクトにプルしていて、私の他のコンポーネントで取得できない奇妙なエラーが発生しています。

たとえば、ここではクラス名がグレー表示され、下にSignupVerifyを接続コンポーネントとしてエクスポートしていても「ローカル変数SignupVerifyは使用されません」というメッセージが表示されます。

class SignupVerify extends Component 
{..} 

その後、私の輸出文で、クロージングセミコロンはエラーを投げている：「}期待」：

export default connect(mapStateToProps, actions)(SignupVerify); 

私がチェックし、すべての私のブラケットが適切な場所とインテリセンスに閉鎖されましたそれを認識する。

また、ここで私にエラーを投げています：

function mapStateToProps(state){ 
     return { 
      errorMessage: state.auth.error, 
      signup: state.auth.signup 
    } 
} 

それは私が最初に中括弧を閉じるように期待していることを私に告げます。

エラーリストコンソールに、ESLintが表示されます。コンポーネント定義に表示名がありません。

誰もがこれの背後にあるものを手掛かりにしていますか？

Answer 1

コードに問題はないようです。私にとってIntellisenseは完璧に機能します。私はあなたのコンポーネントにdisplayNameを定義するように強制するESLint設定があると思います。

Reactの仮想DOMは、コンポーネントの名前を付けるためにdisplaynamesで動作します。これらの表示名は、ChromeのReact Developerツールで確認できます。

は、このやって試してみてください。私は、同様の問題かもしれないと思ったが、それは問題を解決していません

class SignupVerify extends Component { 
    static displayName = 'SignupVerify'; 

    constructor(props) { 
    ... 

たり、クラス定義

SignupVerify.displayName = 'SignupVerify';