React'те компоненттерди колдонуу

Ар бир туташтырылган компонентке өзүнө тиешелүү JSX теги туура келет. Мисалы, бизде Product компоненти бар, демек ага төмөнкү тег туура келет:

<Product />

Компонент тегинин аталышын чоң тамга менен жазуу милдети түр, React компонентти чакырууну HTML тегин колдонуудан айырмалай алсын.

Ошентип, келгиле App компонентинин ичинде Product компонентин колдонуп, ага тиешелүү тегин жазалы:

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

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

export default App;

Натыйжада рендерингден кийин төмөнкүчө болот:

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

User компонентин жасагыла, ал колдонуучулардын маалыматтарын чыгарат. Азыр бул компонент каалаган текстти гана чыгарсын. Бул компонентти App компонентинде колдонуңуз.