Përdorimi i Komponentëve në React

Çdo komponent i lidhur korrespondon me tagin e vet JSX. Për shembull, ne kemi komponentin Product, që do të thotë se i korrespondon tag-u i mëposhtëm:

jsx<Product />

Emri i tag-ut të komponentit duhet patjetër të shkruhet me shkronjë të madhe, në mënyrë që React të mund të dallojë thirrjen e komponentit nga përdorimi i tag-ut HTML.

Pra, le të përdorim komponentin Product brenda komponentit App, duke shkruar tag-un përkatës të tij:

jsximport React from 'react';
import Product from './Product';

function App() {
  return <div>
    <Product />
  </div>;
}

export default App;

Si rezultat, pas renderimit do të fitohet sa vijon:

html<div>
  <p>
    product
  </p>
</div>