如果我将颜色道具传递给svg组件，则svg的颜色在React中不会改变

function SVGComponent({ color }) {
  const svgStyle = {
    fill: color, // 设置填充颜色
    stroke: color // 设置描边颜色
  };

  return (
    <svg style={svgStyle} ...>
      {/* SVG内容 */}
    </svg>
  );
}

function SVGComponent({ color }) {
  return (
    <svg className="svg-component" ...>
      {/* SVG内容 */}
    </svg>
  );
}

.svg-component {
  fill: var(--color); /* 设置填充颜色 */
  stroke: var(--color); /* 设置描边颜色 */
}

import { ReactSVG } from 'react-svg';

function SVGComponent({ color }) {
  return (
    <ReactSVG src="path/to/svg/file.svg" className="svg-component" color={color} />
  );
}