TSLint和React無狀態組件命名（PascalCase與camelCase）

Question

無狀態React組件應該在PascalCase中命名，因此React可以區分本機元素和組件。 Typescripts命名約定規定我們應該使用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

我發現了一個妥協，使用函數聲明而不是我的組件的變量聲明：