Hello there, I am a beginner in React-Native and I'm facing an issue while trying to map data into View. Despite going through the documentation and other resources, I haven't been able to figure out what mistake I might be making. Can anyone help me identify where I might be going wrong?
DATA
const data = [
{
id: "1",
title: "Online Appointment",
body: "Select the specialist and make an appointment through our App!",
image: "../../../assets/images/intro1.png",
},
{
id: "2",
title: "Emergency Call",
body: "Just In One Click Our Quick Response Team Will Provide You First Aid!",
image: "../../../assets/images/intro2.png",
},
{
id: "3",
title: "Online Pharmacy",
body: "You Can Buy and Sell Medical Equipments Through Our App!",
image: "../../../assets/images/intro3.png",
},
]
I have tried using this data to map as shown below:
{data.map((id, title, body, image) => {
return (
<View style={TOPCOLUMN} key={id}>
<ImageBackground source={{ uri: image }} style={INTROIMAGE}>
<Text style={TITLE}>{title}</Text>
<Text style={CONTENT}>{body}</Text>
</ImageBackground>
</View>
)
})}
The error message I am encountering is:
Argument of type '(id: any, title: any, body: any, image: any) => Element' is not assignable to parameter of type '(value: { id: string; title: string; body: string; image: string; }, index: number, array: { id: string; title: string; body: string; image: string; }[]) => Element'.