提问人：mattsmith5 提问时间：3/30/2022 最后编辑：Youssouf Oumarmattsmith5 更新时间：1/29/2023 访问量：4147
React 和 TypeScript，出现“预期类型”错误
React and TypeScript, getting "Type expected" error
问：
我正在将 React 组件从 JS 转换为 Typescript （*.ts）。它在“Type expected”下方给出错误。我该如何解决这个问题？
const SisenseDashboard = () => {
const sisenseRef = React.useRef(null);
return (
<>
<Box
display="flex"
flexDirection="column"
alignItems="center"
marginBottom={2}
>
<h2>In-App Reporting</h2>
</Box>
<Box
ref={sisenseRef}
id="sisense-container"
className="sisense-demo"
></Box>
</>
);
};
答：
20赞
Youssouf Oumar
3/30/2022
#1
确保您的组件文件扩展名是 ，而不是 。这应该可以解决您的问题。此外，你可以告诉 TypeScript 你的函数是一个 React 功能组件，例如，借助 React 中的类型：.tsx.tsFC
import {FC} from "react";
const SisenseDashboard : FC = () => {
const sisenseRef = React.useRef(null);
return (
<>
<Box
display="flex"
flexDirection="column"
alignItems="center"
marginBottom={2}
>
<h2>In-App Reporting</h2>
</Box>
<Box
ref={sisenseRef}
id="sisense-container"
className="sisense-demo"
></Box>
</>
);
};
评论