reactjs - props - eslint disable rule

¿Cómo deshabilitar la regla de reacción/prop de ESLint en un archivo?

Question

Estoy usando React y ESLint con eslint-plugin-react. Quiero deshabilitar la regla de prop-tipos en un archivo.

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

Si solo tiene un archivo que desea deshabilitar la validación de tipo prop, puede usar:

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

en los casos en los que tenga varios archivos, puede agregar una regla para deshabilitar la validación de tipo prop: a su archivo .eslintrc en su directorio raíz.

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

para obtener más reglas, puede consultar este enlace que solucionó mi problema y, por inconveniente, también puede leer la documentación de eslint-plugin-react de eslint-plugin-react sobre cómo deshabilitarla o habilitarla con varias opciones.

Answer 2

Solo pon esto en la parte superior de tu archivo:

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

Answer 3

Tenía que hacer:

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

esto no funcionó para mí:

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

Para deshabilitar globalmente en su archivo .eslintrc:

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

Answer 4

Tuve que envolver todo el componente con el eslint ignorar comentarios.

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