未解决的变量WebStorm this.props

时间:2018-03-16 18:13:13

标签: reactjs webstorm

我使用WebStorm来实现React JS,并且我得到了这个' Unresolved variable warning'所有道具。

我到处寻找解决方案,但无法找到。每当我传递prop值然后使用它作为this.props.something,那东西都没有解决。应用程序运行良好,没有任何问题,只是WebStorm使这令人恼火。我没有安装打字稿定义。

这是代码:

import React from 'react';
import ReactDOM from 'react-dom';

class A extends React.Component
{
    render()
    {
        return (
            <button>
                {this.props.something}
            </button>
        );
    }
}

class B extends React.Component
{
    render()
    {
        return(
            <A something={1}/>
        )
    }
}

ReactDOM.render(
    <B/>,
    document.getElementById('root')
);

以下是截图: Screenshot

3 个答案:

答案 0 :(得分:2)

已知问题,请关注WEB-31785了解更新

答案 1 :(得分:0)

npm install --save @types/react

答案 2 :(得分:0)

使用 es6 解构去除警告:

例如:而不是

if (this.props.variableName) ...

使用

const { variableName } = this.props;
if (variableName) ...