Komponensek használata Reactben
Minden importált komponenshez tartozik
saját JSX tag. Például, van egy
Product komponensünk, amihez a
következő tag tartozik:
<Product />
A komponens tag nevét nagy betűvel kell írni, hogy a React meg tudja különböztetni a komponens hívását a HTML tag használatától.
Tehát, használjuk a Product komponenst
a App komponensen belül,
az ahhoz tartozó tag megírásával:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Az eredmény a renderelés után a következő lesz:
<div>
<p>
product
</p>
</div>
Készítsd el a User komponenst, amely
kiírja a felhasználók adatait. Egyelőre ez a
komponens csak írjon ki valamilyen szöveget.
Használd ezt a komponenst a App komponensben.
