Korišćenje komponenti u React-u

Svakoj povezanoj komponenti odgovara svoj JSX tag. Na primer, imamo komponentu Product, što znači da joj odgovara sledeći tag:

jsx<Product />

Naziv taga komponente se obavezno piše velikim početnim slovom, kako bi React mogao da razlikuje poziv komponente od korišćenja HTML taga.

Dakle, hajde da unutar komponente App iskoristimo komponentu Product, napisavši odgovarajući tag:

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

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

export default App;

Kao rezultat, posle renderovanja dobićemo sledeće:

html<div>
  <p>
    proizvod
  </p>
</div>