Komponentų naudojimas React

Kiekvienam prijungtam komponentui atitinka savo JSX žymė. Pavyzdžiui, mes turime komponentą Product, vadinasi, jam atitinka tokią žymę:

jsx<Product />

Komponento žymės pavadinimas būtinai turi būti rašomas didžiąja raide, kad React galėtų atskirti komponento iškvietimą nuo HTML žymės naudojimo.

Taigi, komponento App viduje panaudokime komponentą Product, parašę jį atitinkančią žymę:

jsximport React from 'react';
import Product from './Product';

function App() {
  return <div>
    <Product />
  </div>;
}

export default App;

Rezultate, po atvaizdavimo, gausime taip:

html<div>
  <p>
    product
  </p>
</div>