Reactjs Typescript接口扩展了React.FC

我需要使用如下自定义界面扩展

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'}

interface-IComponentextensed-React.FC{
自定义？：{a:string，b:string}；
}
常量页：IComponent=（{text}）=>(
{text}
)
Page.custom={a:'1'，b:'2'}

---

Page.custom

键入正确，但

React.FC

道具功能丢失。我该怎么解决这个问题呢？

解决了这个问题。我需要将

P

param从

IComponent

传递到

React.FC

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

interface-IComponentextensed-React.FC
{
自定义？：{a:string，b:string}；
}

不要尝试

{}

添加类型

string

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

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

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

接口IComponentextends React.FC{
自定义？：{a:string，b:string}；
}
常量页面：IComponent=（文本：字符串）=>(
{text}
)
Page.custom={a:'1'，b:'2'}

请参见此处