我试图用css (使用react)将每个图像缩放到相同的大小，但有失真

在使用CSS（使用React）将每个图像缩放到相同大小时，可能会出现失真的问题。这是因为图像的宽高比可能不同，当强制将它们缩放到相同的大小时，会导致图像变形。

为了解决这个问题，可以使用CSS的object-fit属性来控制图像的缩放行为。object-fit属性有几个可选值，包括fill、contain、cover、none、scale-down。其中，contain和cover是常用的值。

• contain：将图像缩放到适应容器大小，保持图像原始宽高比，可能会出现留白。
• cover：将图像缩放到填充满容器，保持图像原始宽高比，可能会裁剪部分图像。

示例代码如下：

<img src="image.jpg" alt="Image" style={{ objectFit: 'cover', width: '100%', height: '100%' }} />

在React中，可以将上述代码放在组件的render方法中，通过style属性来设置图像的样式。object-fit: cover将图像缩放到填充满容器，并保持原始宽高比。

对于React开发中的图像缩放问题，腾讯云提供了云图片处理服务（COS），可以通过该服务对图像进行缩放、裁剪、旋转等操作。您可以参考腾讯云COS的文档了解更多信息：腾讯云COS。

请注意，以上答案仅供参考，具体的解决方案可能因实际情况而异。