React & Typescript：'JSX' 未定义 no-undef

Question

我正在从JS迁移到TS，在定义JSX时遇到错误。我的箭头功能组件中的元素类型。

const HelpPanel = ({
props1,
props2
}: HelpPanelProps): JSX.Element => {
return (

我得到了这个错误：

src/components/HelpPanel/HelpPanel.tsx
Line 14:21:  'JSX' is not defined  no-undef

这有点道理，因为我没有在某个地方导入JSX，就像我们导入f.ex一样，React来自"React"。但我做了一些研究，没有人真正进口JSX。关于如何解决此问题，有什么想法吗？：(

Answer 1

您可以尝试这样做：

import { FC } from "react";
interface HelpPanelPorps {
props1: string;
props2: string;
}
const HelpPanel: FC<HelpPanelPorps> = ({ props1, props2 }) => <div />;