title: React Pass all/multiple props to dynamic children - preferably without context
body: <p>I've found several examples/posts about how to pass ONE prop to dynamic chidren using React such as:</p>
  
  <pre><code>return React.cloneElement({this.props.children}, { parentValue: this.props.parentValue });
  </code></pre>
  
  <p>However passing multiple or all props seems to send things into a recursion loop that eventually crashes the app:</p>
  
  <pre><code>return React.cloneElement({this.props.children}, { parentValue1: this.props.parentValue1, parentValue2: this.props.parentValue2});
  </code></pre>
  
  <p>or..</p>
  
  <pre><code>return React.cloneElement({this.props.children}, {...this.props});
  </code></pre>
  
  <p>Is there an effective way to pass multiple (or all) props to dynamic children? It would seem that if you can for one or more static children, you should be able to if they happen to be dynamic. </p>