繁体   English   中英

如何编写我自己的自定义 CSS 使用<amplifys3image />来自“@aws-amplify/ui-react”?

[英]How to write my own custom CSS using <AmplifyS3Image /> from "@aws-amplify/ui-react"?

const ImageFiles = ({className, imgKey}) => { const [imageLoading, setImageLoading] = useState(true);

  const triggerOnLoad = (value)=> {
            setImageLoading(value);
   }
        
  return (
   <div className="image_files_container">
              {imageLoading && (
                <span className="image_loader_block">
                  <LoaderBig className="image_loader loader_msgList" loading={true} position="center" />
                </span>
              )}
              <AmplifyS3Image
                className={className}
                imgKey={imgKey}
                handleOnLoad={() => triggerOnLoad(false)}
              />
            </div>
          );
        }
   `amplify-s3-image {
      --height: 300px;
      --width: 90%;
    }`

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM