React: React.addons.CSSTransitionGroup का उपयोग करना एक अतिरिक्त जोड़ता है <span>?</span>

यहां उपयोगकर्ता त्रुटि हो सकती है, लेकिन शायद नहीं। ECMA2015 + बैबल का उपयोग करना यदि यह मायने रखता है।

return (
            <div className={curtainClasses} style={this.props.curtainClass ? null : curtainStyle} onClick={this.props.clickHandler}>
                <div key="_srm-modal" style={this.props.modalClass ? null : modalStyle} className={modalClasses}>
                    {this.props.children}
                </div>
            </div>
        );

प्रस्तुतकर्ता (मेरे ऐप में):

<div class="_srm-curtain modal-background" data-reactid=".0.0.1.1.0.0">
    <div class="modal-pod" data-reactid=".0.0.1.1.0.0.$_srm-modal">
        <h1 data-reactid=".0.0.1.1.0.0.$_srm-modal.0">Hello World</h1>
    </div>
</div>

हालांकि, अगर मैं CSSTransitionGroup के साथ गड़बड़ करने का प्रयास करता हूं:

    let ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
        return (
            <div className={curtainClasses} style={this.props.curtainClass ? null : curtainStyle} onClick={this.props.clickHandler}>
                <ReactCSSTransitionGroup transitionName={this.props.transitionName}>
                    <div key="_srm-modal" style={this.props.modalClass ? null : modalStyle} className={modalClasses}>
                        {this.props.children}
                    </div>
                </ReactCSSTransitionGroup>
            </div>
        );

इन अतिरिक्त स्पैन के साथ प्रस्तुत करता है:

<div class="_srm-curtain modal-background" data-reactid=".0.0.1.1.0.0">
    <span data-reactid=".0.0.1.1.0.0.0">
        <div class="modal-pod" data-reactid=".0.0.1.1.0.0.0.$=1$_srm-modal">
            <h1 data-reactid=".0.0.1.1.0.0.0.$=1$_srm-modal.0">Hello World</h1>
        </div>
    </span>
</div>

अगर मैं कुछ गलत कर रहा हूं, तो कृपया मुझे सही दिशा में इंगित करें! शायद मेरे द्वारा याद किए गए दस्तावेज़ों में एक नोट था!

धन्यवाद दोस्तों, बढ़िया काम करते रहो!