Ändern Attribute von Kindern in ReactJS Komponente

Question

Ich versuche, herauszufinden, wie die Kinder einer Komponente beispielsweise zu modifizieren, eine Klasse hinzuzufügen. Ich habe versucht zu tun:

var inputReactObject = React.Children.only(this.props.children); 

inputReactObject.className = "test"; 

Das scheint jedoch nicht zu funktionieren.

Ist es möglich, Kinder-Attribute in einer ReactJS Komponente zu ändern?

Voll Plunker: http://plnkr.co/edit/msbUSDBQn17qXzBHzGXD?p=preview

Answer 1

Wie @lpiepiora Plunker erwähnt, ist der Code zu tun, was ich sein will:

var inputReactObject = React.Children.only(this.props.children); 
var clonnedChild = React.addons.cloneWithProps(inputReactObject, { 
    className: "input-element test" 
}); 

return clonnedChild; 

Answer 2

Nun, da cloneWithPropsdeprecated ist, würde der aktuelle Ansatz

var inputReactObject = React.Children.only(this.props.children); 
var clonedChild = React.cloneElement(inputReactObject, { 
    className: "input-element test" 
}); 

return clonedChild;