Я хотел бы загрузить SVG, используя динамически сгенерированный URL (в зависимости от реквизита React), а затем назначить обработчики событий «щелчка» для различных регионов в SVG.
SVG будут кодироваться с помощью интерактивных областей со специальным классом, скажем, "click-region".Затем эти SVG-файлы будут загружены на общедоступный URL-адрес, откуда они будут загружаться в зависимости от клиента.
Идея состоит в том, что после загрузки SVG я бы запустил jQuery-метод "on" для клика.обработчик событий.
$('.click-region').on('click', { data: someData }, this.handleClickRegion);
Приведенный выше код работает нормально, если я вставляю SVG-строку.Если я загружаю его из URL-адреса, то обработчик jQuery работает не так, как ожидалось.
Я предполагаю, что jQuery пытается соединить все перед загрузкой SVG.
Любойпомощь была бы отличной.
В качестве альтернативы я хотел бы знать, есть ли лучший способ обработки таких SVG в приложении React, если мы не знаем структуру / конфигурацию заранее.Есть ли способ сделать это в React без jQuery?