Comments (5)
I am facing the same problem.
Component is rendered properly, consuming local state variable which is empty array at the beginning.
After async loading of images this variable is updated in local state but it looks like ReactImageAnnotate component doesn't update.
I can manually refresh the annotator if there is a way.
Any comment on this?
from react-image-annotate.
Sorry for the delay getting back to this- somehow I missed it!
Yes this is a problem, we carefully memoize to optimize the component and it sometimes causes a refreshing bug.
The workaround until this is fixed is to set a key={imageUrl}
on the annotator. Whenever the key changes the component will refresh.
Thanks and sorry for the delay!!
from react-image-annotate.
Hey @seveibar, I could fix the issue by adding images list to key prop like key = {this.state.images}, and then it was fine.
from react-image-annotate.
@seveibar could you elaborate more about this fix? I have the same issue when using react-image-annotate tool. I tried to add key={imageUrl}
but it failed to load the new local images state!
I am getting the following error:
TypeError: Cannot read property 'regions' of undefined
from react-image-annotate.
Hey @solix, can you provide a code sandbox? I'm going to be taking a look at this soon and that could speed up the process!
from react-image-annotate.
Related Issues (20)
- Clone Button behavior is unpredictable, unable to hide clone button
- React element displays incorrectly but fixes itself after going back and forward HOT 2
- How to set default values to ReactImageAnnotate and get coordinates array on save? HOT 1
- preventDefault is preventing numbers from being typed in the create class menu HOT 1
- support with Commonjs
- Problem to yarn start HOT 9
- How to save an image along with the annotations? HOT 4
- image gets shrinked/hidden or shows different background color while loading on Dialog Mui HOT 2
- Unable to drag a polygon annotation
- Rotation of Box
- Can't find Python executable HOT 1
- Delete issue
- NextJS support failed HOT 1
- hideClone hideFullScreen & hideSettings props are not working HOT 1
- How to smart annotation added in this library
- How to get the box or shape real pixel about [x, y, w, h] and points [x, y]. HOT 2
- How to in in annotation index page state update using redux
- how to use save in this library ? HOT 3
- how to find one time one region save and exit after i have change region at that time find to me update flag add
- Is there anyway to enable Create-Pixel tool?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-image-annotate.