[reactjs] 파일에서 ESLint react / prop-types 규칙을 비활성화하는 방법은 무엇입니까?

Program / 글쓴이

나는를 사용 React하고 ESLint있습니다 eslint-plugin-react.

하나의 파일 disable에서 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>
        );
    }
});

답변

파일 위에 다음을 입력하십시오.

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

답변

prop-type 유효성 검사를 비활성화하려는 파일이 하나만있는 경우 다음을 사용할 수 있습니다. 

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

여러 파일이있는 경우 .eslintrc루트 디렉토리의 파일에 소품 유형 유효성 검사를 비활성화하는 규칙을 추가 할 수 있습니다 .

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

추가 규칙은 내 문제를 해결 한이 링크 를 확인 하고 불편을 끼친 경우 eslint-plugin-react 의 github 문서에서 다양한 옵션을 사용하여 비활성화 또는 활성화하는 방법을 읽을 수도 있습니다.

답변

나는해야했다 :

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

이것은 나를 위해 작동 하지 않았습니다 .

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

.eslintrc 파일 (이전 버전 v6.0 이하)에서 전역 적으로 비활성화하려면 :

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

.eslintrc 파일에서 전역 적으로 비활성화하려면 (v6.0 이상의 새 버전) :

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

답변

전체 구성 요소를 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 */

답변

때로는 주요 파일과 동일한 파일에 작은 구성 요소가 있습니다. propTypes가 과도하게 보입니다. 그런 다음 이렇게합니다

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

답변