title: React props.children is not array
body: <p>According to the <a href="https://facebook.github.io/react/tips/children-props-type.html" rel="noreferrer">react docs</a>, if a component has multiple children, this.props.children should be an array.</p>
  
  <p>I have the following component:</p>
  
  <pre><code>export class Two extends React.Component {
  
      componentDidMount() {
          console.log(Array.isArray(this.props.children)); // false
      }
  
      render() {
  
          return(
              &lt;div&gt;
                  {this.props.children}
              &lt;/div&gt;
          );
      }
  
  };
  </code></pre>
  
  <p>Which I pass children to in another component's render() method:</p>
  
  <pre><code>&lt;Two&gt;
      &lt;Img src="/photos/tomato.jpg"/&gt;
      &lt;Img src="/photos/tomato.jpg"/&gt;
  &lt;/Two&gt;
  </code></pre>
  
  <p>Why is this.props.children not an array? More importantly, how can I get it to be one?</p>