TSLint 和 React 无状态组件命名(PascalCase 与 camelCase)

TSLint and React stateless component naming (PascalCase vs. camelCase)

Stateless React components should be named in PascalCase, so React can distinguish between native elements and components. Typescripts naming convention 规定我们应该使用 lowerCamelCase 或 UPPER_CASE 作为 const 变量的名称。

我怎样才能同时满足(React 和 tslint)?

我想你有两个选择:

  1. 在适当的地方使用这样的评论

    /* tslint:disable-next-line:variable-name */

    在该特定行禁用 tslint 警告

  2. 使用 class 组件而不是功能组件。

我找到了折衷方案,使用函数声明而不是组件的变量声明:

您可以在tslint.json中添加以下规则:

"variable-name": [true, "ban-keywords", "check-format", "allow-pascal-case"]