Penggunaan Komponen di React
Setiap komponen yang diimpor memiliki
tag JSX-nya sendiri. Misalnya, kita memiliki komponen
Product, yang berarti komponen tersebut memiliki
tag berikut:
<Product />
Nama tag komponen harus ditulis dengan huruf kapital, agar React dapat membedakan pemanggilan komponen dari penggunaan tag HTML.
Jadi, mari kita gunakan komponen Product
di dalam komponen App
dengan menulis tag yang sesuai:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Hasilnya setelah dirender akan menjadi berikut:
<div>
<p>
product
</p>
</div>
Buatlah komponen User, yang akan
menampilkan data pengguna. Untuk saat ini, biarkan
komponen ini hanya menampilkan beberapa teks.
Gunakan komponen ini di dalam komponen App.
