无法在react中调整svg大小

import React from 'react';

const MyComponent = () => {
  return (
    <svg
      width="100px" // 设置宽度
      height="100px" // 设置高度
      viewBox="0 0 100 100" // 设置视口框
      style={{ transform: 'scale(2)' }} // 缩放SVG
    >
      {/* SVG内容 */}
    </svg>
  );
};

export default MyComponent;

import React from 'react';
import { ReactComponent as MySvg } from './my-svg.svg';

const MyComponent = () => {
  return (
    <div>
      <MySvg width={100} height={100} /> {/* 设置宽度和高度 */}
    </div>
  );
};

export default MyComponent;