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:
<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:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Matokeo yake baada ya utayarishaji utakuwa yafuatayo:
<div>
<p>
product
</p>
</div>
Tengeneza kifaa User, ambacho kitatoa
data ya watumiaji. Kwa sasa kifaa hiki
kinichapisha tu maandishi yoyote.
Tumia kifaa hiki ndani ya kifaa App.
