he creado el siguiente componente:
function Target(props) {
return (
<div className="card">
<h2 className="card-title">
{props.title}
</h2>
<img src={props.img} alt="placeholder" />
<p className="card-desc"> {props.content}</p>
</div>
);
}
este lo utilizo en varias ocasiones por ejemplo:
<TargetCustom
title="titulo"
src={imagenRamdon}
content="contenido de la tarjeta"
/>
El problema es que solo la primera tarjeta que creo me muestra imagen, todas las demás no muestran la imagen, aquí tengo el código de como importo las imágenes (también he probado solo usar la única imagen que me muestra en todas las tarjetas e incluso así pasa lo mismo):
import imagenRandom from "../assets/random.jpg"
Muchas gracias por su apoyo, dado que he probado incluso crear archivos externos con arreglos de imágenes y aun así tampoco me deja mostrar la imagen, no se que este fallando en realidad.
<TargetCustom>
y que sucede? tira un error?