passing in props to function components within .map

list.js

let billionaires = [
    {	name : 'Bill Gates', email :  '[email protected]' },
    { name : 'Jeff Bezos', email : '[email protected]' },
    {name :  'Mark Zuckerberg', email : '[email protected]'}
]


function List(i) {
    return(
	<ul>
	    {
		billionaires.map(	    
		    (i) => (
			<li>
			    {i.name}
			</li>
		    )		    
		) // ends map		
	    }
	    
	</ul>
    )
}