reactjs - 使用 ES6 设置初始 React 状态时，WebStorm 检查器会抛出警告

Question

我一直在开发 React Web 应用程序，最近从 WebStorm 10 升级到 2016.1。到目前为止，我对新版本很满意，除了一些检查员的怪癖，如果我能帮助的话，我宁愿不出现这些怪癖，其中一个我还没有找到解决办法。

我使用 ES6 类来声明所有 React 组件，并且在我设置状态的每个实例中，WebStorm 都会在 .state 方法上抛出未解析的变量警告。

有问题的代码片段:

import React from "react";
import autobind from 'autobind-decorator';

@autobind
class List extends React.Component{
  constructor() {
    super();

    this.state = {
      name: "List",
      items: {},
      history: {},
      suggestions: [],
      highlightIndex: 0,
      suggestionsHover: false,
      autoDelete: true,
      delta: 0,
      mouse: 0,
      isPressed: false,
      lastPressed: 0,
      order: []
    }
  }

警告:

Unresolved variable state

应该注意的是，在 WebStorm 10 中我没有出现此警告，并且该警告会延续到设置状态的其他实例(即 .setState)。还应该注意的是，我使用 babelify 将代码转换为 ES5 以及 autobind-decorator，如图所示。

任何帮助或见解将不胜感激。谢谢，如果我需要提供任何其他信息，请告诉我。

Answer 1

尝试使用 TypeScript 定义文件设置代码帮助。我的意思并不是将您的代码转换为 TypeScript。查看 JetBrains 发布的有关该主题的博客文章:

https://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/

基本上，进入 WebStorm 的首选项。进入:Languages & Frameworks > JavaScript > Libraries 单击Download 按钮。搜索 React(以及该列表中任何其他可能有帮助的内容)，然后单击下载并安装。这应该有助于消除一些丑陋的警告。

现在，如果只有 WebStorm 能够将 PropTypes 应用于 props 对象，我们就能够消除那些“未解析的变量/函数/方法”警告。