reactjs - React 的 PhpStorm 给了我一个红色下划线

Question

我正在使用 PhpStorm 2018.1，并编写一个基于 ReactJS 的项目。我对红色下划线有点恼火，它似乎说我的代码是错误的，即使它不是。

我遵循了这个论坛给出的答案：

1. WebStorm/PhpStorm 警告 jsx 中的反应属性，如 className
2. PHPStorm JSX/React 语法高亮

但是这条红色下划线仍然出现。

我安装了一些用于 JavaScript 和 ES6 调试的插件

问题是我没有安装另一个 PhpStorm 插件吗？

Answer 1

这些错误是由 JSHint linter 报告的，而不是由 PhpStorm 本身报告的。你必须告诉 JSHint 你正在使用 ES2015 语法。这可以通过添加来完成

/*jshint esversion: 6 */

对您的文件 ( http://jshint.com/docs/options/#esversion ) 发表评论，或指定

{
  "esversion": 6
}

在.jshintrc文件中。如果您没有自己的配置文件，您可以在Settings |的Relaxing options 中启用EcmaScript.next 语言和框架 | JavaScript | 代码质量工具 | JSHint

如果你不是打算使用 JSHint 来检查你的 React 应用程序（我会说这个 linter 有点过时并且不适用于 JSX + ES6），只需通过在Settings |中取消选中Enable来禁用它。语言和框架 | JavaScript | 代码质量工具 | JSHint