react-resize-image/src/ResizeImage.js

Resizing image with react and rsz.io

import React from 'react';
import PropTypes from 'prop-types';

import getRSZioUrl from './getRSZioUrl'

const ResizeImage = (props) => {
  const { src, options, style, alt, resizeActive } = props

  return (
    <img
      src={resizeActive ? getRSZioUrl(src, options) : src}
      alt={alt}
      style={style}
    />
  )
}

ResizeImage.propTypes = {
  src: PropTypes.string.isRequired,
  alt: PropTypes.string,
  options: PropTypes.object,
  style: PropTypes.object,
  resizeActive: PropTypes.bool,
}

ResizeImage.defaultProps = {
  resizeActive: true,
}

export default ResizeImage