静态类属性声明中的错字反应/无错字

Posted 2023-02-22

技术标签:

【中文标题】静态类属性声明中的错字反应/无错字【英文标题】：Typo in static class property declaration react/no-typos 【发布时间】：2020-09-23 23:07:11 【问题描述】：

我使用 Redux 创建了一个 CRUD 应用程序，所以我编写代码并在导出组件时添加了这一行：

AddContact.PropTypes = 
  addContact: PropTypes.func.isRequired
;

export default connect(null,  addContact )(AddContact);

但是，它显示了这个错误

./src/components/contact/AddContact.js
  Line 461:12:  Typo in static class property declaration  react/no-typos
Search for the keywords to learn more about each error.

【问题讨论】：

【参考方案1】：

应该是 [p 低调]

AddContact.propTypes

文档 => https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-typos.md

【讨论】：

【参考方案2】：

问题出在外壳上。

我们通常将 PropTypes 导入为：

import PropTypes from 'prop-types'

我们作为 PropTypes 导入，但是在使用 React 组件时。我们将它与小写 propTypes 一起使用。例子。

Blog.propTypes = 
  blog: PropTypes.object.isRequired

【讨论】：

【参考方案3】：

propTypes 是您的 React.Component（在您的情况下为 AddContact）的特殊属性，因此区分大小写。

将AddContact.PropTypes 更正为AddContact.propTypes 即可解决。