Gebruik van Komponente in React
Elke ingeslote komponent het sy eie
JSX-tag. Byvoorbeeld, ons het 'n komponent
Product, wat beteken dit het die
volgende tag:
<Product />
Die naam van die komponenttag moet noodwendig met 'n hoofletter geskryf word, sodat React die oproep van 'n komponent kan onderskei van die gebruik van 'n HTML-tag.
Laat ons dus binne die komponent App
die komponent Product gebruik deur die
ooreenstemmende tag te skryf:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
As gevolg hiervan sal die volgende verkry word na weergawe:
<div>
<p>
product
</p>
</div>
Maak 'n komponent User wat die
gebruikersdata sal vertoon. Laat hierdie komponent vir nou
eenvoudig een of ander teks vertoon.
Gebruik hierdie komponent in die komponent App.
