How to create objects and pass to components in React

Const arraydata = [
{

Title:’Miraj’,
Info: ‘miraj……..’
},
{
Title:’rahul’,
Info:’rahul..’
}
]

arraydata.map((data)=>{

<Miraj, title={data.title}  info={data.info} /> 

})

Const Miraj = (props)=>{

const {title,info} = props

return(

{title}

</div>

<div>
{info}
</div>

)
}