reactjs - TSLint og navngiving av React statiske komponenter (PascalCase vs. camelCase)

Stateless React-komponenter bør navngis i PascalCase, slik at React kan skille mellom native elementer og komponenter. Typescripts navnekonvensjon sier at vi bør bruke lowerCamelCase eller UPPER_CASE for navnet på const-variabler.

Hvordan kan jeg tilfredsstille begge (React og tslint)?

Svar #1

Jeg tror du har to alternativer her:

  1. Bruk hvor det er passende kommentar som dette

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

    å deaktivere tslint-advarsel på den aktuelle linjen

  2. Bruk klassekomponenter i stedet for funksjonelle.

Svar #2

Du kan legge til følgende regel i din tslint.json:

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

Relaterte artikler