Làm cách nào để tắt quy tắc phản ứng / chống kiểu ESLint trong một tệp?

Tôi đang sử dụng Reactvà ESLintvới eslint-plugin-react.

Tôi muốn disablecác prop-typesquy tắc trong một tập tin.

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

Chỉ cần đặt cái này lên đầu tệp của bạn:

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

nếu bạn chỉ có một tệp mà bạn muốn tắt xác thực kiểu chống đỡ, bạn có thể sử dụng:

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

trong trường hợp bạn có nhiều tệp, bạn có thể thêm vào .eslintrctệp của mình trong thư mục gốc một quy tắc để tắt xác thực kiểu prop:

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

để biết thêm các quy tắc, bạn có thể kiểm tra liên kết này đã giải quyết được vấn đề của tôi và nếu bất tiện, bạn cũng có thể đọc từ tài liệu github của eslint-plugin-react về cách tắt hoặc bật nó với các tùy chọn khác nhau.

Tôi phải làm:

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

điều này không làm việc cho tôi:

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

Để tắt toàn cầu trong tệp .eslintrc của bạn (phiên bản cũ v6.0 trở xuống):

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

Để tắt toàn cầu trong tệp .eslintrc của bạn (phiên bản mới trên v6.0):

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

Tôi đã phải bọc toàn bộ thành phần với các bình luận bỏ qua eslint.

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

Đôi khi tôi có các thành phần nhỏ trong cùng một tệp với tệp chính. Có propTypes dường như quá mức cần thiết. Sau đó, tôi làm một cái gì đó như thế này

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