Tengo una aplicación de reacción que obtiene la API criptográfica de algún servidor proveedor y establece el estado en la variable de moneda y los muestra en una tabla. Descargo cada ícono de criptomoneda y creo un archivo JSON (cryptoIconSrc) para configurar dinámicamente la etiqueta img src . los iconos son SVG. pero no se muestran en mi mesa.
aquí establecí una condición para encontrar el ícono relacionado del archivo JSON
currency.map((item) => { let mapItem = item; const temp = cryptoIconSrc.filter((item) => { return item["symbol"] === mapItem["baseAsset"]; });y aquí configuro ese ícono relacionado con img src
<img src={`${temp[0]["src"]}`} width="20px" height="20px" />pero no se muestran
Uso require("./someDirectory/icon.png") en otras secciones de mi aplicación, pero en este caso require(`${temp[0]["src"]}`) no funciona y emite un error: módulo ... no encontrado
<img src={`${temp[0]["src"]}`} key={`${temp[0]["src"]}`} width="20px" height="20px" />Agregar un accesorio clave hará el truco.
Parece que está usando marcas de retroceso en su código. Eso casi nunca funciona, intente usar comillas simples. Entonces no:
src={`${temp[0]["src"]}`}Pero:
src={'${temp[0]["src"]}'}