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:

jsx<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:

jsximport 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:

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