Я делаю игру, используя реактивные крючки и электрон. Прежде всего я должен создать редактор карт игры. В редакторе карт есть возможность загрузить фоновое изображение карты. У меня есть файл ввода этого. У меня есть папка с именем images в папке src. Всякий раз, когда пользователь загружает фоновое изображение. Я копирую образ в src/images/temp-background
Если какой-либо другой образ перед новым или нет какого-либо temp-background на всех перезагрузках сервера разработки. Я использую это изображение как background-image <svg> внутри одного из компонентов. isImageLoaded, подтверждающий, что по этому пути существует какой-либо файл.
<svg
style={{
backgroundImage: `url('${isImageLoaded &&
require("../../../../images/temp-background.jpg")}')`,
}}
>
Как загрузить изображение во время выполнения и использовать его как background-image без перезагрузки?