ファイルでESLintreact / prop-typesルールを無効にする方法は？

私はとを使用ReactしESLintていeslint-plugin-reactます。

私はしたい1つのファイルにルール。disableprop-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>
        );
    }
});

これをファイルの上に置くだけです：

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

小道具タイプの検証を無効にするファイルが1つしかない場合は、次を使用できます。

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

複数のファイルがある場合は.eslintrc、ルートディレクトリのファイルにprop-type検証を無効にするルールを追加できます。

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

さらなるルールについては、私の問題を解決したこのリンクをチェックアウトできます。不便な場合は、eslint-plugin-reactのgithubドキュメントから、さまざまなオプションで無効または有効にする方法について読むこともできます。

私がしなければなりませんでした：

/* 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
    }
}

コンポーネント全体をeslintignoreコメントでラップする必要がありました。

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 */

時々私は主要なものと同じファイルに小さなコンポーネントを持っています。そこにpropTypesはやり過ぎのようです。それから私は通常このようなことをします

// 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>);