Komponentleri Reactda ulanmak
Her bir birikdirilen komponent öz JSX tegine gabat gelýär. Mysal üçin, bizde Product atly komponent bar, şonuň üçin oňa aşakdaky teg gabat gelýär:
<Product />
Komponent tegiňiň ady hökmany suratda baş harp bilen ýazylmaly, şeýlelik bilen React komponentiň çagyrylyşyny HTML tegini ulanmakdan tapawutlandyryp biler.
Şeýlelik bilen, geliň App komponentiniň içinde Product komponentini oňa gabat gelen tegi ýazyp ulanalym:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Netijede rendirlenen soň aşakdaky ýaly bolýar:
<div>
<p>
product
</p>
</div>
Ulanyjylaryň maglumatlaryny çykarjak User komponentini ýasaň. Häzir bu komponent diňe bir käbir tekst çykarsyn. Bu komponenti App komponentinde ulanyň.