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:
<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:
import 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:
<div>
<p>
product
</p>
</div>
Krijoni komponentin User, i cili do të
nxjerrë të dhënat e përdoruesve. Le që tani për tani ky
komponent thjesht të nxjerrë ndonjë tekst.
Përdorni këtë komponent në komponentin App.
