reactjs-如何禁用文件中的ESLint react / prop-types规则?

我将disableprop-typeseslint-plugin-react结合使用。

我想要disable 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>
        );
    }
});
cuadraman asked 2020-01-13T11:10:35Z
5个解决方案
80 votes

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

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

如果您有多个文件,则可以在根目录中添加一条规则以禁用支持类型验证的规则:.eslintrc

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

要了解更多规则,您可以查看此链接来解决我的问题;不便之处,您还可以阅读eslint-plugin-react的github文档,以了解如何使用各种选项禁用或启用它。

JaysQubeXon answered 2020-01-13T11:11:27Z
52 votes

只需将其放在文件顶部即可:

/* eslint react/prop-types: 0 */
Gyandeep answered 2020-01-13T11:10:57Z
19 votes

我必须做:

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

这对我不起作用:

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

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

{
    "rules": {
        "react/forbid-prop-types": 0
    }
}
Leopold Kristjansson answered 2020-01-13T11:11:55Z
6 votes

我不得不用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 */
cuadraman answered 2020-01-13T11:12:15Z
5 votes

有时我在与主要文件相同的文件中包含一些小文件。 那里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>);
P-A answered 2020-01-13T11:12:35Z
translate from https://stackoverflow.com:/questions/30948970/how-to-disable-eslint-react-prop-types-rule-in-a-file