title: Function declaration of ES6 syntax
body: <p>Suppose we have a function using ES6 syntax like this:</p>
  
  <pre><code>const AccountOverview = (props) =&gt; {
    const overviewVisible = props.overviewVisible;
    const accountNumber = props.accountNumber;
    const toggleAccountOverview = props.toggleAccountOverview;
  
    const onClick = (e) =&gt; {
      e.preventDefault();
      toggleAccountOverview(!overviewVisible, accountNumber);
    };
    // FIXME: eslint WHY??????
    /* eslint-disable */
    return (
      &lt;div
        className={props.overviewVisible ? 'acc-block open' : 'acc-block'}
      &gt;
          &lt;div&gt;
  )
  }
  </code></pre>
  
  <p>and a function like this:</p>
  
  <pre><code>const AccountDetails = props =&gt; (
    &lt;div className="tabInner"&gt;
            &lt;/div&gt;
  )
  </code></pre>
  
  <p>Why the first function is declared using {} and the second function is declared using just ()?</p>