Image not update when state changed

[stpwin]

<SimpleImg height={300} src={this.state.uploadedUrl} />

when this.state.uploadedUrl change image not updated.

[bluebill1049]

when are you changing the src? image already in the viewport or hasn't intersected?

[stpwin]

when I called function

setState({
uploadedUrl: "IMAGE_URL"
});

[bluebill1049]

so you want to change the image url after it's been lazy loaded?

if you change image url before been image been lazy loaded (hit intersection observer) that would work, but what's your case to change image after been lazy loaded? i don't get the use case here.

if you just want to change image by state, you should be ok with just normal img tag.

let me know your use case or code, we can work this out.

[stpwin]

Yes I do. I want to change src when I uploaded new profile picture.

[bluebill1049]

how about this approach:

https://codesandbox.io/s/6z3lx27p5z

[stpwin]

Thank you!

[juanpablocs]

please update codesandbox link, error 404.

i have same problem of image...

does not update the image when i change the props from my component