Javascript 扩展Nextjs中React.FC的默认行为

所以我有一个教程，在Nextjs中使用了下面的代码，我计划将它从javascript迁移到typescript。我是typescript新手，所以我已经尝试了我所看到的大多数文章，但是扩展默认的React.FC似乎不起作用

function Explore() {
  return <p className="p-4">Explore</p>;
}

Explore.headerTitle = "Search";

export default Explore;

---

我想向我的功能组件添加一个方法。

尝试将您的接口与

React.FunctionComponent

分开声明（以便于重用）：

然后在组件代码中，导入接口并按如下方式使用：

const Home: React.FunctionComponent & WithHeaderTitle = () => { ... }

---

这里的关键字是“交叉点类型”。您可以在这里了解更多信息：

我在代码中犯了一个错误，我使用了“&&”而不是“&”。谢谢我使用了您的解决方案，但是，我删除了静态声明

export interface HeaderTitle extends React.FunctionComponent {
    headerTitle: string;
}

export interface WithHeaderTitle {
   static headerTitle?: string;
}

const Home: React.FunctionComponent & WithHeaderTitle = () => { ... }