Komponentlərin React-də istifadəsi
Hər bir əlavə edilmiş komponent öz JSX teqinə uyğun gəlir.
Məsələn, bizim Product adlı komponentimiz var, deməli
ona aşağıdakı teq uyğun gəlir:
<Product />
Komponent teqinin adı mütləq böyük hərflə yazılmalıdır ki, React komponentin çağırılmasını HTML teqinin istifadəsindən ayaqda seçə bilsin.
Beləliklə, gəlin App komponentinin daxilində
Product komponentindən istifadə edək və ona uyğun
teqi yazaq:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Nəticədə render etdikdən sonra aşağıdakı alınacaq:
<div>
<p>
product
</p>
</div>
User komponentini hazırlayın, hansı ki,
istifadəçilərin məlumatlarını çıxaracaq. Hələlik bu
komponentin sadəcə hər hansı bir mətni çıxarmasına icazə verin.
Bu komponentdən App komponentində istifadə edin.
