Reactjs 未解析变量WebStorm this.props

我在React JS中使用WebStorm，所有道具都会收到“未解析变量警告”

我到处寻找解决办法，但找不到。每当我传递prop值，然后将其用作this.props.something，即未解决的问题。应用程序运行良好，并没有问题，只是WebStorm让它变得烦人。我安装了typescript定义，什么都没有

代码如下：

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

从“React”导入React；
从“react dom”导入react dom；
类扩展了React.Component
{
render（）
{
返回(
{这个。道具。什么}
);
}
}
类扩展了React.Component
{
render（）
{
返回(
已知问题，请按照以下更新
使用es6解构删除警告：

npm install --save @types/react

而不是

if（this.props.variableName）。。。

使用

const{variableName}=this.props；
如果（变量名称）。。。
虽然此链接可以回答问题，但最好包含对答案的解释。