Uporaba komponent v Reactu
Vsaki priključeni komponenti ustreza
svoja JSX oznaka. Na primer, imamo komponento
Product, kar pomeni, da ji ustreza
naslednja oznaka:
<Product />
Ime oznake komponente je nujno potrebno pisati z veliko začetnico, da lahko React razlikuje klic komponente od uporabe HTML oznake.
Torej, uporabimo komponento Product
znotraj komponente App
tako, da napišemo
ustrezno oznako:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Kot rezultat po renderjanju dobimo naslednje:
<div>
<p>
product
</p>
</div>
Naredite komponento User, ki bo
prikazovala podatke uporabnikov. Naj za zdaj ta
komponenta preprosto prikaže kakšno besedilo.
Uporabite to komponento v komponenti App.
