reactjs - tsx 文件错误；'interface' 声明只能在 TypeScript 文件中使用。？

Question

我正在尝试在 tsx 文件中使用接口，但它给了我这个错误

'interface' 声明只能在 TypeScript 文件中使用。

import {FC} from 'react'

interface IDepartmentProducts {

}
const AComponent: FC<IDepartmentProducts> = () => {
    
}

标签： reactjstypescript

Answer 1

好的，我找到了一个奇怪的答案。

对于任何面临同样问题的人

只需将文件的扩展名更改为 .ts ，然后将其重命名为 .tsx

可能 linter 或 vscode 有问题。我不知道 ：）