Ich benutze React
und ESLint
mit eslint-plugin-react
.
Ich möchte disable
die prop-types
Regel in einer Datei.
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>
);
}
});
Wenn Sie nur eine Datei haben, die Sie deaktivieren möchten, können Sie Folgendes verwenden:
/* eslint react/prop-types: 0 */
In Fällen, in denen Sie mehrere Dateien haben, können Sie Ihrer
.eslintrc
Datei in Ihrem Stammverzeichnis eine Regel hinzufügen , um die Überprüfung des Requisitentyps zu deaktivieren:{ "plugins": [ "react" ], "rules": { "react/prop-types": 0 } }
Weitere Regeln finden Sie unter diesem Link , der mein Problem gelöst hat. Aus Unannehmlichkeiten können Sie auch in der Github- Dokumentation von eslint-plugin-react nachlesen, wie Sie es mit verschiedenen Optionen deaktivieren oder aktivieren können.
quelle
"react/prop-types": "off"
funktioniert auch (und ist etwas besser lesbar)Ich musste es machen:
/* eslint react/forbid-prop-types: 0 */
das hat bei mir nicht funktioniert:
/* eslint react/prop-types: 0 */
So deaktivieren Sie global in Ihrer .eslintrc-Datei (alte Version v6.0 oder niedriger):
{ "rules": { "react/forbid-prop-types": 0 } }
So deaktivieren Sie global in Ihrer .eslintrc-Datei (neue Version über Version 6.0):
{ "rules": { "react/prop-types": 0 } }
quelle
Ich musste die gesamte Komponente mit den Eslint-Ignorierkommentaren umschließen.
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 */
quelle
/* eslint-disable react/no-multi-comp */
als ich nur meine erste Komponente darin einwickelte./* eslint-disable react/prop-types */
sollte ganz am Anfang einer Datei stehenManchmal habe ich kleine Komponenten in derselben Datei wie die Hauptdatei. Dort scheint propTypes übertrieben. Dann mache ich so etwas
// 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>);
quelle