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:

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

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

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

export default App;

Hasilnya setelah dirender akan menjadi berikut:

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