WebStorm未解決変数警告

Question

私はReact JSにWebStormを使用しています。すべての小道具によってこの「未解決変数警告」が表示されています。

しかし、すべて問題なく動作しますが、言語が定義されている、それが存在します。 コードは機能しますが、私のアプリには何の問題もありません。

これは私がLanguages & Frameworks > JavaScript > Libraries

内のこれらの警告を回避するためにどのように任意のアイデアを持っているものでしょうか？

更新することが起こる

コード例。まず親コンポーネント：

export default class ExpirationTimer extends React.Component { 
    constructor(props){ 
     super(props); 

     this.state = {     
      expirationDate: this.props.expirationDate // Here I get the warning 
     }; 
    } 

    render(){ 
     let language = this.props.language; // Here I get the warning 


     return (
      <div> 
       ..... 
      </div> 
     ); 
    } 
} 

：言語はオブジェクト {lowestPrice: "Lowest price", mileage: "Mileage", ....}

そして、私はそれらの小道具を取得しようとするコンポーネント、それが動作ですが、私は彼らが未解決であることを警告します

import ExpirationTimer from '../../common/expirationTimer'; 

export default class ListView extends React.Component { 
    render(){ 
     const language = this.props.language; 
     let expirationDate = "Wed May 10 2017 15:58:59 GMT+0200"; 

     return (
      <div> 
       <ExpirationTimer expirationDate={expirationDate} language={language}/> 
      </div> 
     ) 
    } 
} 

Answer 1

使用分割代入： let {language} = this.props 代わりlet language = this.props.language;