title: How to have two function calls inside ternary operator in JSX?
body: <p>I am trying to render two components if the condition is met inside a ternary operator. However, only the 2nd component is rendered. How can I probably put two functions calls after the conditions? </p>
  
  <pre><code>    {
        views === "monthly"
        ? this.renderDays(),
          this.renderCells()
        : null
      }
  </code></pre>
  
  <p>I tried the followings (none of them works)</p>
  
  <pre><code>    {
        views === "monthly"
        ? this.renderDays(),
          this.renderCells()
        : null
      }
  
      {
        views === "monthly"
        ? (this.renderDays(), this.renderCells())
        : null
      }
  
      {
        views === "monthly"
        ? (this.renderDays(); this.renderCells())
        : null
      }
  </code></pre>