Question

我正在使用React和ESLint与eslint-plugin-react。我想在一个文件中禁用prop-types规则。

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/prop-types: 0 */

如果您有多个文件，可以添加到根目录中的.eslintrc文件中，以禁用道具类型验证：

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

有关更多规则，您可以结帐this link解决了我的问题，为了给您带来不便，您还可以阅读eslint-plugin-react的github文档，了解如何使用各种选项禁用或启用它。

Answer 2

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

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

Answer 3

我必须这样做：

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

不为我工作：

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

要在.eslintrc文件中全局禁用：

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

Answer 4

我不得不用eslint包含整个组件忽略注释。

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

/* eslint-disable react/prop-types */
var Component = React.createClass({

    propTypes: Model.propTypes,

    render: function () {
        return (
            <div className="component">
                {this.props.title}
            </div>
        );
    }
});
/* eslint-enable react/prop-types */

Answer 5

我必须在我的 .eslintrc 配置文件中执行此操作以禁用道具类型验证错误。

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

Answer 6

有时候，我在与主要文件相同的文件中有一些小文件。那里propTypes似乎矫kill过正。然后我做这样的事情

// eslint-disable-next-line react/prop-types
const RightArrow = ({ onPress, to }) => (<TouchableOpacity onPress={() => onPress(to)} style={styles.rightArrow}><Chevrons.chevronRight size={25} color="grey" /></TouchableOpacity>);

如何在文件中禁用ESLint react / prop-types规则？

6 个答案: