使用 React 和 .tsx 在項目中制作所有 TypeScript 的缺點

Question

我正在編寫 TypeScript + React (JSX) 代碼，但有時我不小心編寫了擴展名為.ts JSX 並遇到了麻煩。 當然，如果將擴展名設置為.tsx ，解決方案就解決了，但是如果所有文件從一開始就設置為.tsx ，不管有沒有 JSX 有什么不便嗎？

如果所有文件都是用.tsx,

“ .ts與 MPEG-2 TS 有擴展沖突，但.tsx沒有。”

“即使以后需要JSX，也可以照原樣寫，不需要改文件名。”

諸如此類的優點是可以預期的。

我知道

無法轉換格式。

但除此之外，我希望你能告訴我是否有類似的東西。

.tsx文件有這樣的不便。

我檢查的

• 允許 JSX 不使用.tsx擴展名- 相反，建議您可以在 .ts 中編寫 JSX（關閉）

• 有兩種類型的轉換符號： value as type和<type> value ，后者不能寫入.tsx文件

環境

• 打字稿 3.7.5
• 反應 16.12
• Webpack 4.41.6 使用ts-loader加載到 Webpack（類型檢查被拋出到fork-ts-checker-webpack-plugin ）
• 編輯器使用 Visual Studio Code

Answer 1

在任何地方使用.tsx沒有明顯的缺點。

在.tsx文件中你唯一不能做的就是一個小的語法差異。

您不能使用<foo>進行轉換。

例如，而不是：

<any>foo

你必須寫：

 foo as any

如果您在.tsx文件中使用第一個語法，它將很明顯且易於更正。