Я использую в моем приложении несколько экземпляров Reaction-cropper , и они условно отображаются в приложении. Компонент Cropper принимает src опору типа string, которая является URL-адресом изображения. Затем он загружает это изображение через сетевой вызов. Теперь проблема в том, что в моем приложении эти изображения большие, и каждый раз при визуализации Cropper выполняется сетевой вызов для извлечения изображения, даже если изображение одинаково для всех экземпляров. Можно ли повторно использовать загруженное изображение для всех экземпляров Cropper?
Как работает react-cropper:
<Cropper src='http://localhost/image1.jpg' {...otherProps }/>
Я также могу использовать Cropper следующим образом:
const img = new Image();
img.src = 'http://localhost/image1.jpg'; // triggers a network call
const CropperInstance = new Cropper(img, { ...options });
Выше метод позволяет мне повторно использовать объект изображения тем самым предотвращая множественные сетевые вызовы для извлечения изображений, но я не могу реализовать его как компонент React.