React component for serving high-resolution images to devices with retina displays
npm install react-retina-image
checkIfRetinaImgExists— test if retina image exists before swapping it in. If you're sure there's a retina image available, it's safe to set this to false. Defaults to true.
forceOriginalDimensions— sets width/height of retina image to original image. Note, this doesn't work if
checkIfRetinaImgExistsis set to false as then the original image is never loaded. In this case you'll need to set the width manually either as a prop or using css. Defaults to true.
retinaImageSuffix— defaults to
@2xbut you can change this if you use a different naming convention.
onLoad— handle the image onLoad event.
onError— handle the image onError event.
src— string or array for the image srcs. See the demo for examples of how to format your src string or array.
var React = ;var RetinaImage = ;React;// Can also pass in array of srcs.React;
This component is largely a port of retina.js to React.js