Eslint react/no-typos 规则在将属性声明为样式时抛出错误

Question

我在 React Native 应用程序中遇到 eslint 问题。我正在为我的组件声明样式属性。看起来像：

Component.propTypes = {
   styles: ViewPropTypes.style,
   textStyle: Text.propTypes.style,
}
Component.defaultProps = {
   styles: null,
   textStyle: null,
}

我收到以下 eslint 错误：

295:25  error  Typo in declared prop type: style         react/no-typos
296:20  error  Typo in declared prop type: propTypes     react/no-typos
296:30  error  Typo in prop type chain qualifier: style  react/no-typos

我注意到我使用 es6 语法获取它们。当我使用 es7 时，一切都很好。你能告诉我我做错了什么吗？

我的库版本是：

"prop-types": "15.6.1",
"react": "16.0.0",
"react-native": "0.50.0",

"eslint": "^4.11.0",
"eslint-import-resolver-babel-module": "^4.0.0",
"eslint-plugin-flowtype": "^2.41.0",
"eslint-plugin-import": "^2.11.0",
"eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-react": "7.9.1",
"eslint-plugin-react-native": "^3.1.0",

感谢并为我的英语水平感到抱歉。

Answer 1

可以试试用eslint-plugin-react@7.10.0吗？我认为他们修复了一些与无拼写错误规则相关的错误。

Answer 2

使用 camelCase 表示法，例如 .propTypes ， 而不是 .PropTypes.

Eslint react/no-typos 规则在将属性声明为样式时抛出错误

Eslint react/no-typos rule throw an error when declare a property as style

ecmascript-6

eslint

react-native

react-proptypes

Eslint react/no-typos 规则在将 属性 声明为样式时抛出错误

Eslint react/no-typos rule throw an error when declare a property as style

ecmascript-6

eslint

react-native

react-proptypes

Eslint react/no-typos 规则在将属性声明为样式时抛出错误