1. Home
  2. ReactSDK.CldImg

new CldImg()

Description

The Cloudinary image component

Properties
Name Type Description
transformation CloudinaryImage

Generated by @cloudinary/base
plugins plugins

Advanced image component plugins accessibility(), responsive(), lazyload(), placeholder()
Details
Component

react/src/CldImg.tsx, line 54

Methods

componentDidMount()

Description

On mount creates a new HTMLLayer instance and initialises with ref to img element, user generated cloudinaryImage and the plugins to be used

Details

react/src/CldImg.tsx, line 63

componentDidUpdate()

Description

On update we cancel running plugins and update image instance with the state of user cloudinaryImage and the state of plugins

Details

react/src/CldImg.tsx, line 70

componentWillUnmount()

Description

On unmount we cancel the currently running plugins

Details

react/src/CldImg.tsx, line 78