If I use console.log it is printing all values perfectly and also if I pass these props one by one then it works perfectly fine but this map is not working her is my code:
` import Card from './Components/Card'; import './App.css'
const data = [
{
id : "1",
title : "DARK",
image : require("./Images/potrait1.jpg")
},
{
id : "2",
title : "DARK",
image : require("./Images/potrait8.jpg")
},
{
id : "3",
title : "DARK",
image : require("./Images/potrait4.jpg")
},
{
id : "4",
title : "DARK",
image : require("./Images/potrait5.jpg")
},
{
id : "5",
title : "DARK",
image : require("./Images/potrait6.jpg")
},
{
id : "6",
title : "DARK",
image : require("./Images/potrait7.jpg")
}
]
let App = ()=>{
{data.map((val)=>{
return(
<Card
key = {val.id}
title = {val.title}
image = {val.image}
/>
);
})}
}
export default App;
`
Replace {} with (). Try this
let App = ()=> (
{data.map((val)=>{
return(
<Card
key = {val.id}
title = {val.title}
image = {val.image}
/>
);
})}
)