我正在使用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>
);
}
});
如果您只有一个文件要禁用 prop-type 验证，则可以使用：
/* eslint react/prop-types: 0 */
如果您有多个文件，您可以.eslintrc在根目录中的文件中添加禁用props类型验证的规则：
{
"plugins": [
"react"
],
"rules": {
"react/prop-types": 0
}
}
有关更多规则，您可以查看解决了我的问题的此链接，如果不方便，您还可以阅读eslint-plugin-react的 github 文档，了解如何使用各种选项禁用或启用它。
把它放在你的文件的顶部：
/* eslint-disable react/prop-types */
我必须做：
/* 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 */
有时我在与主要组件相同的文件中包含小组件。有 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>);