Matumizi ya Vifaa katika React

Kila kifaa kilichounganishwa kinalingana na kitambulishi chake cha JSX. Kwa mfano, tunayo kifaa Product, hivyo basi kinalingana na kitambulishi kifuatacho:

jsx<Product />

Jina la kitambulishi cha kifaa ni lazima liandikwe kwa herufi kubwa, ili React aweze kutofautisha wito wa kifaa kutoka kwa matumizi ya kitambulishi cha HTML.

Basi, hebu tumia kifaa Product ndani ya kifaa App kwa kuandika kitambulishi kinachofanana:

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

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

export default App;

Matokeo yake baada ya utayarishaji utakuwa yafuatayo:

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