Динамически создавать SVG React Component с SVGR

Question

Я использую SVGR в своем приложении React для преобразования SVG в компоненты React.Это работает очень хорошо.

Однако я также хочу исследовать возможность динамической загрузки SVG, переданных пользователем.Поэтому я получу строку с SVG-кодом в ней и хочу получить React Component взамен.

Глядя на руководство по SVGR, выясняется, что я могу использовать Node api (* 1006).* -code.com / open-source / svgr / docs / node-api / ) для преобразования его в jsCode.Тем не менее, я не хочу eval это, конечно.

Есть ли способ получить функциональность SVGR, но со строкой в ​​качестве ввода?

Answer 1

Сначала вам нужно преобразовать строку в XML, чтобы она могла быть передана в SVGR.

То есть с здесь - Вы можете использовать что-то вроде sax-js для преобразования строки SVG в SVG XML.

Подвести итог -

1. Преобразование строки в XML

2. Передайте XML в API-интерфейс узла SVGR для преобразования в JSX во время выполнения.

Надеюсь, это поможет.