React: adding props to an existing component

Question

I\'m trying to figure out how to clone an existing element with additional props.

For reference:

this.mainContent = 

        

Answer 1

You need to clone the element and add the additional props using React.cloneElement e.g:

var clonedElementWithMoreProps = React.cloneElement(
    this.mainContent, 
    { anotherMessage: "nice to meet ya!" }
);
// now render the new cloned element?