title: React JSX vs function call to present component
body: <pre><code>const Component = ({ text }) =&gt; (
    &lt;div&gt;{text}&lt;/div&gt;
  )
  
  const Example = () =&gt; (
    &lt;div&gt;
      &lt;Component text="123" /&gt;
      {Component({ text: "123" })}
    &lt;/div&gt;
  )
  </code></pre>
  
  <p>Is there any difference between the two methods of rendering? Which is preferred and why?</p>