question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Help Wanted] React Image Crop does not render.

See original GitHub issue

Screenshot (2) I’m able to get image base64 in source of image cropper, but <ReactCrop> does not render.

let LogoCropper = null;
		if (this.state.logoImage) {
			LogoCropper = (
				<ReactCrop
					src={this.state.logoImage}
					crop={crop}
					onImageLoaded={this.onImageLoaded}
					onComplete={this.onCropComplete}
					onChange={this.onCropChange}
				/>
			);
		}

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:2
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
DominicTobiascommented, Sep 5, 2019

Should be fixed in 8.3.0 (removed max-height property)

1reaction
fzs1994commented, Aug 12, 2019

Yes, I did

import ReactCrop from 'react-image-crop';
import 'react-image-crop/dist/ReactCrop.css';
Read more comments on GitHub >

github_iconTop Results From Across the Web

ReactCrop preview not rendering - Stack Overflow
I was able to solve this issue by downgrading the react-image-crop dependency to "^8.6.12". It seems that there is an issue with the...
Read more >
How To Crop An Image in React - IMG.LY
First of all, create a components folder inside src . Then, make an ImageCropper folder containing index.js and index.css . These two files...
Read more >
react-image-crop - npm
Start using react-image-crop in your project by running `npm i react-image-crop`. ... An image cropping tool for React with no dependencies.
Read more >
React image cropping and transformations using ImageKit
React image cropping & resizing made simple with ImageKit. Learn overlay & optimization ... This component does not render anything.
Read more >
Cant get react-image-crop Component to work : r/reactjs - Reddit
But when I try to insert the example-code in my own component it does not work. I was expecting the image and imagePreview...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found