He estado tratando de usar SVG en ReactJS durante las últimas 2 horas, pero nada parece funcionar.
Estoy usando:
"react": "^17.0.2", "react-dom": "^17.0.2", "devDependencies": { "@svgr/webpack": "^6.0.0", "react-svg-loader": "^3.0.3",Usando crear-reaccionar-aplicación
Llamo al icono como:
import { ReactComponent as Logo } from '../../icons/logo.svg'; ... <Logo fill="white" />Y el error que me sale es:
./src/icons/logo.svg (./node_modules/@svgr/webpack/dist?-svgo,+titleProp,+ref!./src/icons/logo.svg) TypeError: this.getOptions is not a function.Si lo uso en una etiqueta "img", se muestra el ícono, pero necesito cambiar dinámicamente el relleno del SVG. Si hay una manera de cómo puedo cargar un svg y cambiar el relleno dinámicamente, por favor ayuda y gracias.
Intente importarlo como una variable y luego incluya esa variable en una etiqueta img en el atributo src como se muestra aquí.
import Logo from '../../icons/logo.svg'; <img src={Logo} alt="logo" />o agregue su svg como elemento de etiqueta y cambie el relleno usando css