में प्रतिक्रिया मैं एक आवरण के बिना एक घटक के बच्चों प्रदान कर सकते हैं?

Question

मैं क्या करना चाहते हैं:

render:() -> 
     {@props.children} 

यह मुझे करना बना रही है:

render:() -> 
     <div>{@props.children}</div> 

कारण मैं क्योंकि गाया बच्चों को उनके मालिक आधारित संदर्भ निर्धारित किया है पूर्व है करना चाहते हैं। लेकिन अगर मैं उन्हें रैपर के साथ प्रस्तुत करता हूं तो मूल तत्व जो माता-पिता होता है उसका संदर्भ सेट नहीं होता है।

मालिक आधारित और माता पिता आधारित संदर्भों अलग (मान:: undefined बनाम [object Object]) के लिए कुंजी (एक्स)

यह यहाँ पर चर्चा की है: यह तो एक चेतावनी उत्पन्न https://gist.github.com/jimfb/0eb6e61f300a8c1b2ce7

लेकिन कोई समाधान की पेशकश की है ।

चेतावनी होती है क्योंकि घटक है जो बच्चे renders 'मालिक' है और इस संदर्भ settting है, लेकिन div आवरण तत्व 'माता-पिता' है और कोई संदर्भ नहीं है। मेरा विचार div से छुटकारा पाने के लिए था। लेकिन मैं इससे छुटकारा नहीं पा सकता हूं।

Answer 1

मैं निम्नलिखित कोड का उपयोग किया है केवल text बच्चों पर एक आवरण <span> उपयोग करने के लिए:

render() { 
    if (!this.props.children) { 
    return null; 
    } else if (React.isValidElement(this.props.children)) { 
    return this.props.children; 
    } 
    return <span>{this.props.children}</span>; 
} 

Answer 2

स्थितियों में जहां एक भी बच्चे की जरूरत है:

render() { 
    return React.Children.only(this.props.children) 
} 

यह वही प्रतिक्रिया-redux है connect(), एफडब्ल्यूआईडब्ल्यू में उपयोग करता है।