我正在使用React和。ESLint``eslint-plugin-react
React
ESLint``eslint-plugin-react
我想要一个文件中的规则disable。prop-types
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-typesrueslint-plugin-react
eslint-plugin-react
以下是如何禁用然后重新启用规则的react/prop-types方法
react/prop-types
jsx复制代码/* eslint-disable react/prop-types */ var React = require('react'); var Model = require('./ComponentModel'); v var Component = React.createClass({ propTyp propTypes: Model.propTypes, rende render: function () { r return ( <div className="component"> {this.props.title} </div> ); } }); ); } /* eslint-enable react/prop-types */
/* eslint-disable react/prop-types */
/* eslint-enable react/prop-types */
这将禁用react/prop-types指定部分的规则,允许您绕过 ESLint 对此特定文件中 prop 类型的检查。
如果您希望禁用整个文件的规则,则可以将禁用注释放在文件的最顶部:
jsx复制代码/* eslint-disable react/prop-types */ var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ propTypes: Model.propTypes, render: function () { return ( <div className="component"> {this.props.title} </div> ); } });
通过适当地使用这些注释,您可以控制 ESLint 在何处以及如何应用特定规则,从而允许您在粒度级别管理规则实施。