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