यह क्यों नहीं है .props.children.map काम करते हैं?

Question

मैंने इस कोड को कई अन्य घटकों में लिखा है लेकिन यह समझ में नहीं आता कि यह क्यों काम नहीं कर रहा है।

{ 
    this.props.children.map(function(child) { 
     return <li>{child}</li> 
    }) 
} 

किसी भी मदद की सराहना की जाएगी!

Answer 1

this.props.children एक अपारदर्शी डेटा संरचना है। यह या तो एक सरणी या एक तत्व हो सकता है। आपके मामले में, this.props.children शायद एक एकल तत्व है, यही कारण है कि .map() विधि अपरिभाषित है।

children प्रोप में हेरफेर करते समय आपको React.Children API का उपयोग करना चाहिए।

Type of the Children props भी देखें।