Cần giúp đỡ về useRef thao tác với nhiều DOM element trong react

Chào m.n. Em đang dùng thư viện react avatar editor cho web reactjs của mình để có thể crop được nhiều ảnh trước khi upload vào database. Em có dùng thằng useRef trong react tham chiếu đến thằng <AvatarEditor/> để lấy được cái ảnh kết quả sau khi crop. Vì em muốn crop nhiều ảnh nên em có tạo một mảng useRef để quản lý nhiều cái <AvatarEditor> này. M.n nhìn ảnh em để ở dưới thì có thể thấy em để khung crop ở tít trên cùng tấm ảnh nhưng mà lúc ảnh crop ra thì nó chỉ ra được cái ảnh crop mặc định thôi. Nhưng mà đấy là do em up lên nhiều hơn 2 ảnh thì nó crop mới bị sai chứ nếu em chỉ up 1 ảnh lên và crop thì vẫn hoạt động đúng. Hàm onMouseUp là khi mà em giữ chuột và kéo cái khung crop chọn chỗ cần crop xong thả chuột ra thì em sẽ lấy ra được đường link ảnh mà em crop để kiểm tra xem ảnh crop có đúng không ạ. M.n xem giúp em với ạ. Em cảm ơn.




83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?