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:
<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:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Kao rezultat, posle renderovanja dobićemo sledeće:
<div>
<p>
proizvod
</p>
</div>
Napravite komponentu User, koja će
prikazivati podatke korisnika. Neka za sada ova
komponenta jednostavno ispisuje neki tekst.
Iskoristite ovu komponentu u komponenti App.
