React'ta Bileşen Kullanımı

Her bağlı bileşen kendi JSX etiketine karşılık gelir. Örneğin, Product adında bir bileşenimiz varsa, buna aşağıdaki etiket karşılık gelir:

jsx<Product />

Bileşen etiketinin adı büyük harfle yazılmalıdır, böylece React bileşen çağrısını HTML etiketi kullanımından ayırt edebilir.

Şimdi, App bileşeninin içinde, Product bileşenini kullanarak karşılık gelen etiketi yazalım:

jsximport React from 'react';
import Product from './Product';

function App() {
  return <div>
    <Product />
  </div>;
}

export default App;

Sonuç olarak, render işleminden sonra aşağıdaki elde edilecektir:

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