Komponentu izmantošana React
Katram pievienotajam komponentam atbilst
sava JSX atzīme. Piemēram, mums ir komponents
Product, kas nozīmē, ka tam atbilst
šāda atzīme:
<Product />
Komponenta atzīmes nosaukums obligāti jāraksta ar lielo sākumburtu, lai React varētu atšķirt komponenta izsaukumu no HTML atzīmes lietošanas.
Tātad, izmantosim komponentu Product
iekšpus komponenta App, ierakstot
atbilstošo atzīmi:
import React from 'react';
import Product from './Product';
function App() {
return <div>
<Product />
</div>;
}
export default App;
Rezultātā pēc renderēšanas iegūsim sekojošo:
<div>
<p>
product
</p>
</div>
Izveidojiet komponentu User, kas
izvadīs lietotāju datus. Ļaujiet šobrīd šim
komponentam vienkārši izvadīt kādu tekstu.
Izmantojiet šo komponentu komponentā App.
