react hooks中memo方法的TS 类型描述要怎么写

Question

如下代码，需要在memo方法上添加一个静态属性
abc 属性会报错 Property 'abc' does not exist on type 'NamedExoticComponent<object>'

请问这个Login组建的类型描述要怎么写

const Login= memo(()=>{
  return <div></div>
})
Login.abc=()=>{
  
}

Answer 1

我试了下，这样声明是可以的 codesandbox

import { memo, NamedExoticComponent } from "react";

interface LoginInterface extends NamedExoticComponent {
  abc?: () => void;
}

const Login: LoginInterface = memo(() => {
  return <div>h1</div>;
});

Login.abc = () => {};