javascript - Kekurangan membuat semua TypeScript dalam sebuah proyek menggunakan React dengan .tsx

Saya sedang menulis kode TypeScript + React (JSX), tetapi terkadang saya secara tidak sengaja menulis JSX dengan ekstensi .ts dan mengalami masalah. Tentu saja, jika ekstensi disetel ke .tsx, masalah akan terselesaikan, tetapi apakah ada ketidaknyamanan jika semua file disetel ke .tsx dari awal terlepas dari ada atau tidaknya JSX?

Jika semua file dibuat dengan .tsx,

" .ts memiliki konflik ekstensi dengan MPEG-2 TS, tetapi .tsx tidak."

"Bahkan jika Anda membutuhkan JSX nanti, Anda bisa menulisnya seperti itu, tidak perlu mengubah nama file."

Keuntungan seperti yang dapat diharapkan.

Aku tahu itu

Tidak dapat mengubah format.

tapi selain itu saya harap kamu bisa memberi tahu saya jika ada sesuatu seperti itu.

File .tsx memiliki ketidaknyamanan seperti itu.

Apa yang saya periksa :

  • Izinkan JSX tanpa menggunakan ekstensi .tsx - Sebaliknya, menyarankan bahwa Anda dapat menulis JSX di .ts (ditutup)

  • Ada dua jenis notasi cast: value as type dan <type> value, dan yang terakhir tidak dapat ditulis dalam file .tsx

Lingkungan :

  • TypeScript 3.7.5
  • React 16.12
  • Webpack 4.41.6 Gunakan ts-loader untuk memuat ke Webpack (pemeriksaan tipe dilemparkan ke fork-ts-checker-webpack-plugin)
  • Editor menggunakan Visual Studio Code

Jawaban #1

Tidak ada kekurangan signifikan dalam menggunakan .tsx di mana saja.

Satu-satunya hal yang tidak bisa Anda lakukan di file .tsx adalah perbedaan sintaks kecil.

Anda tidak bisa menggunakan <foo> untuk melakukan cast.

Misalnya, alih-alih:

<any>foo

Anda harus menulis:

 foo as any

Jika Anda menggunakan sintaks pertama dalam file .tsx, hal itu akan jelas dan mudah diperbaiki.