What does '&&' operator indicate with { this.props.children && React.cloneElement(this.props.children, { foo:this.foo})
<p>I have react class that is rendered using react router. I understand that React.cloneElement is used to pass elements from parent to child. But why/what does the '&amp;&amp;' operator do with this kind of statement : </p>

<pre><code>class Users extends React.Component {
    getInitialState() {
      return {
          page:0
        }
     },      
    foo(){
        this.setState({'page':1})
     }
      render() {
        return (
          &lt;div&gt;
            &lt;h2&gt;Users&lt;/h2&gt;
            { this.props.children &amp;&amp; React.cloneElement(this.props.children, {
    foo:this.foo})
          &lt;/div&gt;
        )
      }
    }
</code></pre>

<p>I would like to understand why are we using '&amp;&amp;' operator here.</p>