Komponentų naudojimas React
Kiekvienam prijungtam komponentui atitinka
savo JSX žymė. Pavyzdžiui, mes turime komponentą
Product, vadinasi, jam atitinka
tokią žymę:
<Product />
Komponento žymės pavadinimas būtinai turi būti rašomas didžiąja raide, kad React galėtų atskirti komponento iškvietimą nuo HTML žymės naudojimo.
Taigi, komponento App viduje
panaudokime komponentą Product, parašę
jį atitinkančią žymę:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Rezultate, po atvaizdavimo, gausime taip:
<div>
<p>
product
</p>
</div>
Sukurkite komponentą User, kuris
rodytų vartotojų duomenis. Tegul šiuo metu šis
komponentas tiesiog rodo kokį nors tekstą.
Panaudokite šį komponentą komponente App.
