TSLint和React无状态组件命名（PascalCase与camelCase）

Question

无状态React组件应在PascalCase中命名，因此React可以区分本机元素和组件。 Typescripts naming convention指示我们应该使用lowerCamelCase或UPPER_CASE作为const变量的名称。

我如何同时满足（React和tslint）？

Answer 1

我认为你有两种选择：

1. 使用像这样的适当评论

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

   在该特定行禁用tslint警告

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

Answer 2

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

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

Answer 3

我发现了一种折衷方案，它使用函数声明而不是组件的变量声明：