How to export React component with props?
<p>I'm studying React.js now could you help me please how can I export React component with props? Something like this:</p>

<pre class="lang-js prettyprint-override"><code>class Group extends React.Component {
  static propTypes = {
    children: React.PropTypes.array.isRequired
  };  
  render () {
    return &lt;div&gt;
        &lt;div className='group'&gt;
          &lt;h2&gt;Boys:&lt;/h2&gt;
          &lt;GroupList children={
              this.props.children.filter(x =&gt; x.sex === 'male')
            } /&gt;
        &lt;/div&gt;
        &lt;div className='group'&gt;
          &lt;h2&gt;Girls:&lt;/h2&gt;
           &lt;GroupList children={
              this.props.children.filter(x =&gt; x.sex === 'female')
            } /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  }
}

React.render(&lt;Group children={children} /&gt;, document.body)
</code></pre>

<p>It should be simple like "export default Group"</p>