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:
<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:
import 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:
<div>
<p>
product
</p>
</div>
Kullanıcı verilerini gösterecek User bileşenini yapın.
Şimdilik bu bileşenin sadece bir metin göstermesine izin verin.
Bu bileşeni App bileşeninde kullanın.
