Is it possible to pass a React Component as argument in between functions of a Container Component

Try Component instead of component. React requires an upperCase for jsx tag:

renderCards(Component){
  let cards =  this.props.list.map(function(cardData){
     return <Component data={cardData}/>
   })
  return cards
}