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:

jsx<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:

jsximport 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:

html<div>
  <p>
    product
  </p>
</div>