export type IconComponent = typeof QuestionCircleOutlined 如何理解这句代码呢？

[liaodalin19903]

在读源码的时候：
https://github.com/antvis/XFlow/blob/b7cdb995f0404b549c7a40832ba6bb7f9a382976/packages/xflow-core/src/antd-icons/index.tsx#LL3C1-L3C1

这里：

import { QuestionCircleOutlined } from '@ant-design/icons'

export type IconComponent = typeof QuestionCircleOutlined

export interface IReactComponentStore {
  has: (id: string) => boolean
  get: (id: string) => IconComponent
  set: (id: string, component: IconComponent) => void
}

这里有疑问：
1、为何是 typeof QuestionCircleOutlined 呢？

export type IconComponent = typeof QuestionCircleOutlined

是否typeof任何一个@ant-design/icons' 的都可以？比如：QuestionOutlined

2、我查看了ant-design-icons的源码：
https://github.com/ant-design/ant-design-icons/blob/5be2afd296636ab4cfec5d3a2793d6cd41b1789b/packages/icons-react/src/icons/QuestionCircleOutlined.tsx

QuestionCircleOutlined 本质是一个function，

import * as React from 'react'
import QuestionCircleOutlinedSvg from '@ant-design/icons-svg/lib/asn/QuestionCircleOutlined';
import AntdIcon, { AntdIconProps } from '../components/AntdIcon';

const QuestionCircleOutlined = (
  props: AntdIconProps,
  ref: React.MutableRefObject<HTMLSpanElement>,
) => <AntdIcon {...props} ref={ref} icon={QuestionCircleOutlinedSvg} />;

QuestionCircleOutlined.displayName = 'QuestionCircleOutlined';
export default React.forwardRef<HTMLSpanElement, AntdIconProps>(QuestionCircleOutlined);

但是我在XFlow中测试打印（ typeof QuestionCircleOutlined ）却是一个对象：

object

      at Object.<anonymous> 

打印(QuestionCircleOutlined)的结果为：

{
      '$$typeof': Symbol(react.forward_ref),
      render: [Function: QuestionCircleOutlined] {
        displayName: 'QuestionCircleOutlined'
      }
    }

      at Object.<anonymous>