如何从导入的SVG组件获取尺寸-nextJS

Question

我将SVG文件作为组件导入，并尝试获取其尺寸，但它返回null。谁能给我建议实现这一目标。

PS。 getBBox（）不起作用，它给我一个错误。

代码示例：

import IconSVG from 'public/images/my-svg.svg';
  
const MyComponent = () => {
  const myRef = React.useRef(null);

  React.useEffect(() => {
    console.log(myRef.current);
  }, []);

  return (
    <div>
      <IconSVG ref={myRef} />
    </div>
  );
};

Answer 1

相反，您必须使用useCallback()：

cmake