Používanie komponentov v Reacte
Každému pripojenému komponentu zodpovedá
jeho vlastný JSX tag. Napríklad, máme komponent
Product, čo znamená, že mu zodpovedá
nasledujúci tag:
<Product />
Názov tagu komponentu sa musí písať s veľkým začiatočným písmenom, aby React vedel rozlíšiť volanie komponentu od použitia HTML tagu.
Takže, v komponente App
použime komponent Product napísaním
zodpovedajúceho tagu:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Výsledkom po vykreslení bude nasledovné:
<div>
<p>
product
</p>
</div>
Vytvorte komponent User, ktorý bude
vypisovať dáta používateľov. Nech tento komponent zatiaľ jednoducho
vypíše nejaký text.
Použite tento komponent v komponente App.
