reactjs - Typescript 接口扩展了 React.FC

Question

我需要React.FC使用这样的自定义接口进行扩展：

interface IComponent<P = {}> extends React.FC {
  custom?: {a: string, b: string};
}

const Page:IComponent<{text: string}> = ({text}) => (
  <>{text}</>
)

Page.custom = {a: '1', b: '2'}

Page.custom输入正确，但React.FC道具功能丢失。我该如何解决？

标签： reactjstypescript

Answer 1

想通了。我需要将P参数传递IComponent给React.FC

interface IComponent<P = {}> extends React.FC<P> {
  custom?: {a: string, b: string};
}