Creé un SVG usando adobe illustrator. Pero cuando intento agregarlo al proyecto, solo da un error y lo mismo ocurre con el SVG que creé con SVGator. En resumen, cada SVG me da un error, pero al usarlo en un proyecto HTML simple, funciona perfectamente.
¿alguien puede guiarme sobre cómo usar SVG para reaccionar?
errores que tengo
SVG con Adobe
<style>.cls-1{fill:url(#a);}</style>después de agregar {} como sugirió me da esto
Private names are only allowed in property accesses (`obj.#a`) or in `in` expressions <style>.cls-1{{fill:url(#a)}}</style>Error cuando se descarga SVG del sitio web
Compilado con problemas:
ERROR [eslint] src\components\common\RegisterSvg.js Line 8:32256: Parsing error: Unexpected token (8:32256)Para aquellos que puedan obtener este error con su SVG, intente importar SVG y utilícelo como una imagen si SVG es estático
import FormSvg from "./svg/newtest.svg <img src={FormSvg} alt="svg"/>si SVG tiene una animación adjunta, agregue el SVG JavaScript en useEffect y luego utilícelo como un SVG normal
useEffect(() => { // ... javascript goes here // !function ... long code (<script>code from script</script>) }, []); return ( // SVG part goes here <Svg/> )