• 首先，您的图像是否公开，我的意思是每个人都可以访问它而无需认证？***
  答案是肯定的

您可以从React前端访问您的图像。Here is and example using AWS SDK

答案是否定的

如果您的公司没有配置公共访问，可能是因为您的图像不应该公开。在这种情况下，您所拥有的所有信息（密钥，服务名称等）必须从后端（使用SDK）使用。您的后端将公开和端点（例如REST API）。此端点将使用AWS SDK检索图像并在响应中发送。您的React前端将调用此端点来检索图像。Here is an example with NodeJS

我建议使用aws-amplify，就像你在文档中找到的那样。
特别是要只配置S3部分，你会有一个像这样的aws-exports.js文件：

export const awsConfig = {
     Storage: {
    AWSS3: {
      bucket: 'bucket-name', // (required) -  Amazon S3 bucket name
      region: 'eu-central-1' // (optional) -  Amazon service region
    }
  }
}

然后在App.js文件中包含Amplify.configure(awsConfig);语句
一旦你配置了它，你就可以为你的图像获取一个签名的URL并将其显示给用户：

import { Storage } from 'aws-amplify';
function RandomView() {
   
  const [imageUrl, setImageUrl] = useState();
  React.useEffect(() => {
    setImageUrl(undefined);
    Storage.get(item.imageKey, { validateObjectExistence: true })
      .then(signedUrl => {
        setImageUrl(signedUrl);
      })
      .catch(console.error);
  }, [item]);
  return (
     <Image style={{ width: 64, height: 64, borderRadius: 7 }} source={{ uri: imageUrl }} />
  );

这里提到的imageKey只是S3存储桶中的项目的路径，例如profile/users/johndoe.png。
您还将注意到，当您请求签名的url时，除非您另外指定，否则aws-amplify库将为public/whatever/is/you/image/key/path检索签名的url。因此，如果S3中的文件不限于登录用户，请考虑将它们存储在根public文件夹中
如果你不想在加载时有一个空白的图像，也可以考虑使用占位符
如果您没有使用公共文件夹，则必须手动设置S3存储桶上的访问规则。如果后端向您发送accessKey和secret，则访问可能已经设置。要在此时访问S3存储桶，您必须确保登录的“角色”与可以访问该文件夹的角色相同。当您使用cognito登录时，secret和accessKey会自动由amplify处理。据我所知，不建议手动发送他们自己，因为他们是临时反正