未解析的变量 WebStorm this.props

Question

我将 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

Answer 1

已知问题，请关注WEB-31785更新

Answer 2

npm install --save @types/react

Answer 3

使用 es6 解构删除警告：

例如：而不是

if (this.props.variableName) ...

使用

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

未解析的变量 WebStorm this.props

Unresolved variable WebStorm this.props

webstorm

reactjs