WebStorm未解决变量警告

Question

我使用WebStorm for React JS,我得到了所有道具的"未解决的变量警告".

但是一切都没有问题,语言被定义,它存在.代码有效,我的应用程序没有任何问题.

这就是我的内心 Languages & Frameworks > JavaScript > Libraries

知道如何避免这些警告吗？

UPDATE

发生这种情况的代码示例.第一个父组件:

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>
        )
    }
}

语言是一个对象 {lowestPrice: "Lowest price", mileage: "Mileage", ....}

然后我尝试获取这些道具的组件,它可以工作,但我得到警告他们没有解决:

 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>
        );
    }
}

Answer 1

使用解构赋值： let {language} = this.props 代替let language = this.props.language;