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 සංරචකය තුළ මෙම සංරචකය භාවිතා කරන්න.