export interface IconProps {
  type: string;
  className?: string;
  title?: string;
  onClick?: React.MouseEventHandler<any>;
  spin?: boolean;
  style?: React.CSSProperties;
}

const Icon = (props: IconProps) => {
  const {type, className = '', spin} = props;

  const classString = classNames({
    anticon: true,
    'anticon-spin': !!spin || type === 'loading',
    [`anticon-${type}`]: true,
  }, className);
  return <i {...omit(props, ['type', 'spin'])} className={classString}/>;
};

export default Icon;

這是里面最簡單的Icon的組件源碼，在看到!!spin 這里。不理解為什么要用!!spin 這樣來寫。一開始認(rèn)為是如果spin沒有傳入的話，那么這個(gè)值就是undefined，所以需要用!undefined 來轉(zhuǎn)為boolean類型，但是后來自己測試了下 undefined 默認(rèn)是false的，好像并沒有影響結(jié)果。希望哪位可以解惑下。
因?yàn)樵谄渌M件里面好多都是這樣寫的額