Comment désactiver la règle ESLint react/prop-types dans un fichier?

J'utilise React et ESLint avec eslint-plugin-react. Je veux désactiver la règle prop-types dans un fichier.

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>
        );
    }
});
20
demandé sur rath3r 2015-06-20 03:08:05

4 réponses

mettez ça en haut de votre dossier:

/* eslint react/prop-types: 0 */
31
répondu Gyandeep 2015-07-02 18:53:08

si vous n'avez qu'un fichier que vous voulez désactiver la validation de type prop, vous pouvez utiliser:

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

dans les cas où vous avez plusieurs fichiers, vous pouvez ajouter à votre fichier .eslintrc dans votre répertoire racine une règle pour désactiver la validation de type prop:

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

pour d'autres règles, vous pouvez consulter ce lien qui a résolu mon problème et pour les inconvénients, vous pouvez également lire à partir de eslint-plugin-react La documentation github de sur la façon de le désactiver ou de l'activer avec différentes options.

28
répondu JaysQubeXon 2017-04-15 12:00:38

j'ai eu à faire:

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

ce n' pas de travail pour moi:

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

Pour désactiver globalement dans votre .fichier eslintrc:

{
    "rules": {
        "react/forbid-prop-types": 0
    }
}
9
répondu Leopold Kristjansson 2018-03-24 15:54:46

j'ai dû envelopper tout le composant avec les commentaires ESLint ignorer.

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 */
3
répondu cuadraman 2015-06-20 00:08:05