0

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

我做错了吗?

4

1 回答 1

1

HeaderProps在 .d.ts 上声明时不需要导入AFAIK

于 2019-11-24T11:54:07.670 回答