Как отключить правило ESLint реакции /prop -types в файле?

Я использую React и ESLint с помощью команды eslint-plugin-реагируют. Я хочу отключить правило 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>
        );
    }
});

Ответ 1

Просто поставьте это поверх своего файла:

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

Ответ 2

если у вас есть только один файл, который вы хотите отключить проверку типа prop-type, которую вы можете использовать:

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

в случаях, когда у вас есть несколько файлов, которые вы можете добавить в свой .eslintrc файл в корневом каталоге, правило для отключения проверки типа prop-type:

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

для дальнейших правил вы можете проверить эту ссылку, которая решила мою проблему и для неудобства вы также можете прочитать из eslint-plugin-react Документация github о том, как отключить или включить ее с различными параметрами.

Ответ 3

Мне пришлось делать:

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

это не сработало для меня:

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

Чтобы отключить глобально в файле .eslintrc:

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

Ответ 4

Мне пришлось обернуть весь компонент комментариями eslint ignore.

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