Bruk av komponenter i React
Hver tilkoblede komponent tilsvarer
sin egen JSX-tag. For eksempel, vi har komponenten
Product, som betyr at den tilsvarer
følgende tag:
<Product />
Navnet på komponenttaggen må skrives med stor bokstav, slik at React kan skille komponentkall fra bruk av HTML-tagger.
Så, la oss inne i komponenten App
bruke komponenten Product ved å skrive
den tilsvarende taggen:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Som et resultat etter rendering vil vi få følgende:
<div>
<p>
product
</p>
</div>
Lag komponenten User, som vil
vise brukerdata. La for nå denne
komponenten bare vise en eller annen tekst.
Bruk denne komponenten i komponenten App.
