I'm using React
and ESLint
with eslint-plugin-react
.
I want to disable
the prop-types
rule in one file.
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>
);
}
});
if you have only one file you want to disable prop-type validation you can use:
/* eslint react/prop-types: 0 */
in cases where you have multiple files you can add to your .eslintrc
file in your root directory a rule to disable prop-type validation:
{
"plugins": [
"react"
],
"rules": {
"react/prop-types": 0
}
}
for further rules you can checkout this link that solved my issue and for inconvenience you can also read up from eslint-plugin-react 's github documentation about how to disable or enable it with various options.
只需将其放在文件的顶部:
/* eslint-disable react/prop-types */
I had to do:
/* eslint react/forbid-prop-types: 0 */
this did not work for me:
/* eslint react/prop-types: 0 */
To disable globally in your .eslintrc file (old version v6.0 or below):
{
"rules": {
"react/forbid-prop-types": 0
}
}
To disable globally in your .eslintrc file (new version above v6.0):
{
"rules": {
"react/prop-types": 0
}
}
I had to wrap the whole component with the eslint ignore comments.
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 */
Sometimes I have small components in the same file as the major one. There propTypes seems overkill. Then I usually do something like this
// 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>);
I had to do this in my .eslintrc
config file to disable prop types validation error.
"rules": {
"react/prop-types": "off"
}
You can change it to be warning, put it inside eslint
rules:
'react/prop-types': ['warn'],
I needed React relaunch for this to be taken into account without error
rules: {
'react/prop-types': 'off'
}
To disable or modify the react/prop-types rule in your .eslint.cjs
file, you can use the following configurations:
Option 1: Disable the rule completely
"rules": {
"react/prop-types": "off"
}
or
"rules": {
"react/prop-types": 0
}
or
"rules": {
"react/prop-types": false
}
Option 2: Set the rule to generate warnings instead of errors
"rules": {
"react/prop-types": ["warn"]
}
Choose the option that best suits your requirements and add it to your .eslint.cjs
file. This will configure ESLint to either disable the react/prop-types rule or modify its severity to generate warnings instead of errors.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.