los accesorios pasan bien cuando los pasamos como una matriz completa de objetos, pero no funciona cuando paso los accesorios atravesando la matriz usando la función de mapa.

 import { React, useEffect, useState } from "react"; import axios from "axios"; import "./Home.css"; import Cardimg from "./Cardimg"; const Home = props => { return ( <> <div className="header">PHOTO GALLERY</div> <div className="photos"> {props.data?.map(e => { <Cardimg data={e.ImgUrl}></Cardimg>; })} </div> </> ); }; export default Home;

en el código anterior, los accesorios pasan cuando paso manualmente en el componente Cardimg... pero tan pronto como empiezo a usar el mapa, entonces no funciona... como si los accesorios no llegaran al componente.

a continuación está mi componente Cardimg

 import React from 'react' const Cardimg = (props) => { console.log(props.data); return ( <div>{props.data}</div> ) } export default Cardimg