E 'possibile passare un Reagire componente come argomento tra funzioni di un componente Container

Question

Passando componenti figlio come argomenti a funzioni di componente principale e cercando di rendere non funziona

//React Container Component 
//Import Both Views and Render based on preference 
import PosterView from "./PosterView" 
import ListView from "./ListViewCard" 

... 

renderCardsBasedOnType(cardType){ 
    if(cardType === "poster"){ 
    return this.renderCards(PosterView) 
    }else{ 
    return this.renderCards(ListViewCard) 
    } 
} 
renderCards(component){ 
    let cards = this.props.list.map(function(cardData){ 
    return <component data={cardData}/> 
    }) 
    return cards 
} 
render(){ 
    let cards = this.renderCardsBasedOnType("poster") 
    return <div>{cards}</div> 
} 
...... 

Answer 1

Prova Component invece di component. React richiede un upperCase per tag jsx:

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