Používání komponent v Reactu
Každé připojené komponentě odpovídá
její vlastní JSX tag. Například, máme komponentu
Product, což znamená, že jí odpovídá
následující tag:
<Product />
Název tagu komponenty je nutné psát s velkým počátečním písmenem, aby React dokázal rozlišit volání komponenty od použití HTML tagu.
Takže, uvnitř komponenty App
použijme komponentu Product napsáním
jí odpovídajícího tagu:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Výsledkem po vykreslení bude následující:
<div>
<p>
product
</p>
</div>
Vytvořte komponentu User, která bude
vypisovat data uživatelů. Prozatím ať tato
komponenta pouze vypisuje nějaký text.
Použijte tuto komponentu v komponentě App.
