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 компонентінде қолданыңыз.