如何禁用ESLint反应/道具类型规则在一个文件？

Question

我正在使用React和ESLint与eslint-plugin-反应。

我想在一个文件中禁用道具类型规则。

var React = require('react'); 
var Model = require('./ComponentModel');

var Component = React.createClass({
/* eslint-disable react/prop-types */
    propTypes: Model.propTypes,
/* eslint-enable react/prop-types */
    render: function () {
        return (
            <div className="component">
                {this.props.title}
            </div>
        );
    }
});




Answer 1

我必须这么做：

/* eslint react/forbid-prop-types: 0 */

这对我不起作用：

/* eslint react/prop-types: 0 */

要在. eslintrc文件（旧版本v6.0或以下）中全局禁用：

{
    "rules": {
        "react/forbid-prop-types": 0
    }
}

要在. eslintrc文件（v6.0以上的新版本）中全局禁用：

{
    "rules": {
        "react/prop-types": 0
    }
}

Answer 2

只需将此项放在您的文件顶部：

/* eslint-disable react/prop-types */

Answer 3

如果只有一个文件要禁用道具类型验证，则可以使用：

/* eslint react/prop-types: 0 */

在您有多个文件的情况下，您可以向根目录中的.eslintrc文件添加禁用道具类型验证的规则：

{
 "plugins": [
     "react"
  ],
  "rules": {
    "react/prop-types": 0
  }
}

对于进一步的规则，你可以检查这个链接，解决了我的问题，为方便起见，你也可以从eslint-plugin-反应的github留档关于如何禁用或启用各种选项。