我想将类型和接口定义与我的组件代码分开。这将使 jsx 文件更小,更易于阅读。
我创建了以下两个文件:
./Header/Header.d.ts
export type HeaderProps = {
logo?: string;
}
对于以下组件:
./Header/Header.tsx
import React from 'react';
import { HeaderProps } from './Header'; // gives error
const Header: React.FC<HeaderProps> = ({ logo }) => (
<header>
<img src={logo} alt="Logo" />
</header>
);
但是我无法在我的组件中导入类型声明文件。我收到以下错误:
TS2614:模块“../Header/Header”没有导出的成员“HeaderProps”。你的意思是使用'import HeaderProps from '../Header/Header'吗?
我做错了吗?