Пользуюсь 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 */
в случаях, когда у вас есть несколько файлов, вы можете добавить к своему
.eslintrc
файлу в корневом каталоге правило для отключения проверки типа пропуска:{ "plugins": [ "react" ], "rules": { "react/prop-types": 0 } }
для получения дополнительных правил вы можете проверить эту ссылку, которая решила мою проблему, а для неудобств вы также можете прочитать в документации github eslint-plugin-react о том, как отключить или включить его с помощью различных параметров.
источник
"react/prop-types": "off"
тоже работает (и он немного более читабелен)Пришлось сделать:
/* 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.
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 */
источник
/* eslint-disable react/no-multi-comp */
просто заключив в него свой первый компонент./* eslint-disable 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>);
источник