react forwardRef的ts如何添加静态方法

Question

const Test = forwardRef((props, ref) => {
   return <div>111<div>
}) & { type:string} // 这里这样定义就会报红,要怎么解决呢
Test.type = 'xxxx'

Answer 1

interface ITypeProps {}
interface TypeComponent extends React.ForwardRefExoticComponent<ITypeProps> {
  type: string;
}
const Test = React.forwardRef((props, ref) => {
  return <div>111</div>
}) as TypeComponent
Test.type = 'xxxx'