Map images from Cloudinary

Comments

5 comments

  • Avatar
    Loic Verger Del Bove

    Hi Jerome,

    You are using Images instead of images in your setState statement. You can how it looks like with the fix here: https://codesandbox.io/s/bitter-https-2pk6t?file=/src/App.js

    Loic

     

    0
    Comment actions Permalink
  • Avatar
    Arie Schaap

    Helpful,

    So if he wants to add responsiveness or any other plugins from cloudinary. How is best to add that?

    Best,

     

    Arie

    0
    Comment actions Permalink
  • Avatar
    Eyal Katz Talmon

    Hey Arie, 

    This section includes an example of achieving responsive images with the React v1 SDK -
    https://cloudinary.com/documentation/react_image_manipulation#responsive_image_settings

    Essentially, you'll need to add the responsive attribute, together with width and dpr set to "auto", and set the cropping mode to scale.

    By the way, I recommend you to take a look at the new React SDK v2 (currently in beta), which also supports responsive layout, and includes new features and improvements -
    https://cloudinary.com/documentation/react2_integration

    Hope this helps!

    0
    Comment actions Permalink
  • Avatar
    Jerome Kenway

    @Loic thanks for your help :)

     

    @Eyal, do you know the best way to achieve the same result as above with React SDK v2? Thank you!

    0
    Comment actions Permalink
  • Avatar
    Stephen Doyle

    Hi Jerome,

    There's a guide here with details about how the newer V2 SDK's 'responsive' plugin works - may I ask you to please try that and let us know if it works for you? 

    https://cloudinary.com/documentation/react2_integration#responsive_images

    Thanks,

    Stephen

    0
    Comment actions Permalink

Please sign in to leave a comment.