renderImage( img, i ) {
		const {
			imageFilter,
			images,
			isSave,
			linkTo,
			onRemoveImage,
			onSelectImage,
			selectedImage,
			setImageAttributes,
		} = this.props;

		/* translators: %1$d is the order number of the image, %2$d is the total number of images. */
		const ariaLabel = sprintf(
			__( 'image %1$d of %2$d in gallery', 'jetpack' ),
			i + 1,
			images.length
		);
		const Image = isSave ? GalleryImageSave : GalleryImageEdit;

		return (
			<Image
				alt={ img.alt }
				aria-label={ ariaLabel }
				height={ img.height }
				id={ img.id }
				imageFilter={ imageFilter }
				isSelected={ selectedImage === i }
				key={ i }
				link={ img.link }
				linkTo={ linkTo }
				onRemove={ isSave ? undefined : onRemoveImage( i ) }
				onSelect={ isSave ? undefined : onSelectImage( i ) }
				origUrl={ img.url }
				setAttributes={ isSave ? undefined : setImageAttributes( i ) }
				url={ this.photonize( img ) }
				width={ img.width }
			/>
		);
	}
//   This is because the images are stored in an array in the block attributes.
This is because the images are stored in an array in the block attributes.
This is because the images are stored in an array in the block attributes .
renderImage( img, i ) {
		const {
			imageFilter,
			images,
			isSave,
			linkTo,
			onRemoveImage,
			onSelectImage,
			selectedImage,
			setImageAttributes,
		} = this.props;
		const ariaLabel = sprintf(
			__( 'image %1$d of %2$d in gallery', 'jetpack' ),
			i + 1,
			images.length
		);
		const Image = isSave ? GalleryImageSave : GalleryImageEdit;
		return (
			<Image
				alt={ img.alt }
				aria-label={ ariaLabel }
				height={ img.height }
				id={ img.id }
				imageFilter={ imageFilter }
				isSelected={ selectedImage === i }
				key={ i }
				link={ img.link }
				linkTo={ linkTo }
				onRemove={ isSave ? undefined : onRemoveImage( i ) }
				onSelect={ isSave ? undefined : onSelectImage( i ) }
				origUrl={ img.url }
				setAttributes={ isSave ? undefined : setImageAttributes( i ) }
				url={ this.photonize( img ) }
				width={ img.width }
			/>
		);
	}
renderImage ( img , i ) { const { imageFilter , images , isSave , linkTo , onRemoveImage , onSelectImage , selectedImage , setImageAttributes , } = this . props ; const ariaLabel = sprintf ( __ ( 'image %1$d of %2$d in gallery' , 'jetpack' ) , i + 1 , images . length ) ; const Image = isSave ? GalleryImageSave : GalleryImageEdit ; return ( < Image alt = { img . alt } aria-label = { ariaLabel } height = { img . height } id = { img . id } imageFilter = { imageFilter } isSelected = { selectedImage === i } key = { i } link = { img . link } linkTo = { linkTo } onRemove = { isSave ? undefined : onRemoveImage ( i ) } onSelect = { isSave ? undefined : onSelectImage ( i ) } origUrl = { img . url } setAttributes = { isSave ? undefined : setImageAttributes ( i ) } url = { this . photonize ( img ) } width = { img . width } / > ) ; }
This is because the images are stored in an array in the block attributes.
This is because the images are stored in an array in the block attributes .
/* translators: %1$d is the order number of the image, %2$d is the total number of images. */