如何使用 React 组件的声明文件？

Question

我想将类型和接口定义与我的组件代码分开。这将使 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'?

我做错了吗？

Answer 1

在 .d.ts

上声明时，您不需要导入 HeaderProps AFAIK

如何使用 React 组件的声明文件？

How to make use declaration file for a React component?

typescript

reactjs

react-tsx