reactjs - 导入时带有打字稿错误“没有重载匹配此调用”的Reactjs

Question

这是我的组件：

export class Header extends React.Component<NavLink, NaviState> {}

当我导入布局时：

<div className="tantum-wrapper">
  <Header />
  <main>
  {this.props.children}
  </main>
  <Footer />
</div>

收到以下错误：

(alias) class Header
import Header
No overload matches this call.
  Overload 1 of 2, '(props: NavLink<unknown> | Readonly<NavLink<unknown>>): Header', gave the following error.
    Property '$$typeof' is missing in type '{}' but required in type 'Readonly<NavLink<unknown>>'.
  Overload 2 of 2, '(props: NavLink<unknown>, context: any): Header', gave the following error.
    Property '$$typeof' is missing in type '{}' but required in type 'Readonly<NavLink<unknown>>'.ts(2769)
index.d.ts(358, 18): '$$typeof' is declared here.
index.d.ts(358, 18): '$$typeof' is declared here.

如何在这里声明类型？

标签： reactjstypescriptreact-typescript