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

Question

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

我按照这个论坛给出的答案：

1. WebStorm / PhpStorm警告jsx中的react属性，如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文件中。 如果您没有自己的配置文件，可以在“设置”中的“ 放宽”选项中启用EcmaScript.next 语言和框架| JavaScript | 代码质量工具| JSHint

如果您不是故意使用JSHint来绘制您的React应用程序（我会说这个linter有点过时并且对JSX + ES6不起作用），只需在设置中取消选中Enable即可禁用它。 语言和框架| JavaScript | 代码质量工具| JSHint