React හි සංරචක ප්රවේශය හැඳින්වීම
අපට වෙබ් අඩවියක් ඇතැයි සිතමු. මෙම වෙබ් අඩවියේ අපට තවත් අංශ හඳුනාගත හැකිය: ශීර්ෂකය, අන්තර්ගතය, පැති තීරුව, පාදකය සහ යනාදිය. සෑම අංශයක්ම තවත් කුඩා උප අංශවලට බෙදිය හැකිය. උදාහරණයක් ලෙස ශීර්ෂකයේ සාමාන්යයෙන් ලොගෝව, මෙනුව, සම්බන්ධතා අංශය සහ යනාදිය හඳුනාගත හැකිය.
React හි එවැනි සෑම අංශයක්ම සංරචකයක් ලෙස හඳුන්වයි. සෑම සංරචකයක්ම තුළම තවත් කුඩා සංරචක අඩංගු විය හැකිය, ඒවාත් අනෙක් අතට තවත් කුඩා සංරචක අඩංගු විය හැකි අතර මේ ආකාරයෙන් එය දිගටම කෙරේ.
React හි සෑම සංරචකයකටම අනුරූප වන්නේ
ES6 මොඩියුලයකට වන අතර, එය පිහිටා ඇත්තේ src
ෆෝල්ඩරය තුළය. සංරචකයේ කේතය අඩංගු වන මොඩියුලයේ
ගොනු නාමය ලිවිය යුත්තේ අක්ෂර වින්යාසයෙනුත් (Capital letter),
එම මොඩියුලයේ කේතය තුළ පිහිටා ඇති ශ්රිතයේ නාමයට
අනුරූප වන පරිදි විය යුතුය.
උදාහරණයක් ලෙස, App.js යන නාමයෙන් යුත් ගොනුව
තුළ App යන ශ්රිතය අඩංගු විය යුතුය:
import React from 'react';
function App() {
// සංරචකයේ කේතය
}
export default App;
සංරචක වලින් එකක් ප්රධාන විය යුතුය
- එනම්, ඉතිරි සංරචක එකතු කරනු ලබන සංරචකය විය යුතුය.
React හි පෙරනිමි අගය අනුව එවැනි සංරචකය වන්නේ
App සංරචකයයි.
මෙම සංරචකයට අනෙකුත් සංරචක
සම්බන්ධ කරනු ලැබේ. මෙය කරන ආකාරය - අපි
පසුව අධ්යයන පොතෙන් විමසා බලමු.
