Brug af komponenter i React
Hver tilkoblet komponent svarer til
sit eget JSX-tag. For eksempel, vi har komponenten
Product, hvilket betyder at den svarer til
følgende tag:
<Product />
Navnet på komponenttagget skal altid skrives med stort bogstav, så React kan skelne mellem et komponentkald og brug af et HTML-tag.
Så lad os inde i komponenten App
bruge komponenten Product ved at skrive
det tilsvarende tag:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Som resultat efter renderingen vil følgende blive opnået:
<div>
<p>
product
</p>
</div>
Lav en komponent User, som vil
udskrive brugerdata. Lad denne komponent for nu blot
udskrive en eller anden tekst.
Brug denne komponent i komponenten App.
