यह संभव एक तर्क के रूप में घटक प्रतिक्रिया पारित करने के लिए एक कंटेनर घटक

Question

के कार्यों जनक घटक के कार्यों के लिए तर्क के रूप में बाल अवयव पासिंग और रेंडर करने के लिए काम नहीं करता है

//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

component के बजाय Component प्रयास करें कोशिश कर के बीच में है। प्रतिक्रिया के लिए जेएसएक्स टैग के लिए एक अपरकेस की आवश्यकता है:

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