ReactJS: Difference between functional component and a function which returns jsx

Question

Consider the below function

function DummyComponent() {
   return (
      <div class='dummy'>
       <p> Hello world </p>
      </ div>
   )
}

Now DummyComponent can be used in two ways to render

Method 1:

<DummyComponent />

Method 2

<>
  {DummyComponent()}
</>

What is the difference between the two considering both get the job done? Are there any advantages or disadvantages for either of the two methods?

code snippets will not run, just used them so the code looks neater. — Zer0
– Zer0, Commented Sep 12, 2019 at 7:39
Possible duplicate of React Functional component: calling as function vs. as component — devserkan
– devserkan, Commented Sep 12, 2019 at 7:41

pankaj · Accepted Answer · 2019-09-12 08:08:56Z

1

Method 2 is much fast, for further details, please go through link below.

answered Sep 12, 2019 at 8:08

pankaj

931 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1