Reactda Komponentlardan Foydalanish
Har bir ulangan komponent o‘ziga tegishli
JSX tegga ega. Misol uchun, bizda Product
komponenti mavjud, demak unga quyidagi teg mos keladi:
<Product />
Komponent tegining nomi bosh harf bilan yozilishi shart, chunki React komponent chaqiruvini HTML tegi ishlatishdan farqlashi kerak.
Shunday qilib, keling App komponenti ichida
Product komponentidan foydalanamiz, unga mos
keladigan tegni yozib:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Natijada render qilingandan keyin quyidagi hosil bo‘ladi:
<div>
<p>
product
</p>
</div>
User komponentini yarating, u
foydalanuvchilar ma’lumotlarini chiqaradi. Hozircha bu
komponent shunchaki biron bir matn chiqarsin.
Ushbu komponentdan App komponentida foydalaning.
