小编Tsu*_*ina的帖子

这是我的第一个问题，我编码才一年，所以请耐心等待。我在网站上寻找类似的问题，但找不到任何对我有用的东西。

我创建了一个 Icon 组件，在其中动态导入请求的 SVG。我第一次使用这个运行良好的解决方案，但是当我尝试使用反应测试库和快照测试这个组件时，我意识到快照始终是在未导入任何内容时返回的跨度。我首先认为它与 useRef() 的使用有关，因为我看到人们说 refs 不适用于 Jest，所以我将 Icon 组件更改为：

const Icon: FC<IconProps> = ({ type, onClick, tooltip, className }: IconProps) => {

  const [IconProps, setIconProps] = useState({
    className: className || 'icon'
  });
  const tooltipDelay: [number, number] = [800, 0];
  useEffect(() => {
    setIconProps({ ...IconProps, className: className || 'icon' });
  }, [className]);

  const SVG = require(`../../svg/${type}.svg`).default;
  const spanClassName = "svg-icon-wrapper";
  if (typeof SVG !== 'undefined') {
    if (tooltip) {
      return (
        (<Tooltip title={tooltip.title} delay={tooltip.delay ? tooltipDelay …