当高度/宽度值为React props时，如何设置SVG用户单位？

当高度/宽度值为React props时，可以通过将SVG用户单位作为props的一部分来设置。React中，我们可以使用字符串模板语法来定义SVG的高度和宽度，使用大括号包裹JavaScript表达式，并在表达式中使用字符串拼接的方式添加SVG用户单位。

下面是一个示例代码：

import React from 'react';

const MyComponent = () => {
  const svgWidth = '100px';
  const svgHeight = '50%';

  return (
    <svg width={svgWidth} height={svgHeight}>
      {/* SVG内容 */}
    </svg>
  );
};

export default MyComponent;

在上述示例中，我们使用了两个React props：width和height来设置SVG的宽度和高度。svgWidth和svgHeight是存储了具体数值和单位的变量。通过将它们作为props的值传递给SVG组件，我们可以动态地设置SVG的宽度和高度。

需要注意的是，React中的SVG用户单位与HTML中的CSS单位略有不同。常见的SVG用户单位有：

• px：像素
• %：相对于父容器的百分比
• em：相对于当前元素的字体大小
• ex：相对于当前元素的字体x-height大小
• pt：磅（常用于打印）
• pc：派卡（常用于打印）
• cm：厘米
• mm：毫米
• in：英寸

根据具体需求，我们可以选择适合的SVG用户单位来设置高度和宽度。

在腾讯云中，腾讯云云服务器（CVM）产品可以作为部署和运行React应用的基础设施。您可以通过腾讯云控制台创建和管理云服务器实例。了解更多关于腾讯云云服务器的信息，请访问腾讯云官方网站：腾讯云云服务器产品介绍

另外，腾讯云还提供了弹性容器实例（Elastic Container Instance）产品，用于快速部署和管理容器化应用。如果您的React应用使用容器技术进行部署，可以考虑使用腾讯云弹性容器实例。了解更多关于腾讯云弹性容器实例的信息，请访问腾讯云官方网站：腾讯云弹性容器实例产品介绍