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
};