Komponentas - tai react funcija, ja reikia iškviesti

Komponentas tai funcija, kuriai perduodi props objekta ir ji kažka renderina.

Komponento pavadinimas iš didziosios, nes reikalingas linkas (reference) į funciją, kad ją iškvesti. Jeigu norima iš mažosios, reikia perduoti lika kitaip React galvos, kad čia natyvus komponentas html pvz div.

function message () {}

const component = {message}
...
<component.message />

---

Jeigu norime nieko negrąžinti, grąžiname null

---

Klaida:

function App() {

  return 
    <div>
    ....
    </div>

}

Nes JS engine automatiskai po return uzdės ;. Ir funkcija grąžins undefined

function App() {

return ; // <---
  <div>
  ....
  </div>

}

Todėl norint kažką grąžinti multiline reikia skliaustelių

function App() {

return (
  <div>
    ....
  </div>
  }
}

---

Early return

function App() {

  if(error){
      return <div>Error</div>
  }

return (
  <div>
    ....
  </div>
  }
}