React: الدعائم المطلوبة المتوفرة مع cloneElement لا تزال تعرض تحذيرًا في وحدة التحكم

لقد قدمت مثالًا لذلك يسهل فهمه ، ولكن يتم عرض تحذير بشكل أساسي في وحدة التحكم بسبب "فقدان الدعائم المطلوبة".

يتم إعطاء الدعائم للعنصر بـ React.cloneElement لذلك لم أكن أتوقع تلقي تحذير من الدعائم المفقودة. أتفهم أن هذا يمكن أن يكون حالة استثنائية على الرغم من ...

https://jsfiddle.net/kdsvgbzu/1/

<A name="name" value="value">
    <B></B>
</A>

class A extends React.Component {
    render() {
        return (
            <div>
                {React.Children.map(this.props.children, function(child) {
                    return React.cloneElement(child, {
                        name: this.props.name,
                        value: this.props.value
                    });
                }, this)}
            </div>
        );
    }
}

A.propTypes = {
    name: PropTypes.string.isRequired,
    value: PropTypes.string.isRequired
};

class B extends React.Component {
    render() {
        return <span>{this.props.name} : {this.props.value}</span>;
    }
}

B.propTypes = {
    name: PropTypes.string.isRequired,
    value: PropTypes.string.isRequired
};