React හි තත්වයන් හඳුන්වාදීම
අපි සොයා බලන ඊළඟ සංකල්පය තත්වයන් (states) ලෙස හැඳින්වේ. තත්වයන් සංරචකවල ප්රතික්රියාශීලී (reactive) විචල්ය නියෝජනය කරයි.
ප්රතික්රියාශීලී යන්නෙන් අදහස් කරන්නේ තත්වයක් වෙනස් වන විට එම තත්වය භාවිතා වන සියලුම ස්ථානවල වෙනස්කම් සිදුවනු ඇති බවයි. තාක්ෂණික වශයෙන් මෙය සාක්ෂාත් කර ගන්නේ යම් තත්වයක් වෙනස් වන විට සම්පූර්ණ සංරචකය නැවත ඉදිරිපත් කිරීම (rerender) මගිනි.
තත්වයන් භාවිතා කිරීම සඳහා පළමුව
useState ශ්රිතය ආයාත කිරීම අවශ්ය වේ:
import React, { useState } from 'react';
useState ශ්රිතය පරාමිතියක් ලෙස
තත්වයේ ආරම්භක අගය පිළිගනිමින්, එහි ප්රතිඵලයක් ලෙස
විශේෂ අංග දෙකකින් යුත් අරාවක් ලබා දෙයි.
අරාවේ පළමු අංගයේ තත්වයේ වත්මන් අගය
සංරක්ෂණය වන අතර, දෙවන අංගයේ තත්වය වෙනස් කිරීම සඳහා වූ ශ්රිතය
සංරක්ෂණය වේ.
තත්වයන් නිවැරදිව ක්රියා කිරීම සඳහා ඒවා සෘජුවම වෙනස් කිරීමට නොහැකි අතර, ඒවා වෙනස් කිරීම සඳහා වූ ශ්රිතය භාවිතා කළ යුතුය - එවිට පමණක් ප්රතික්රියාශීලී ගුණාංගය ක්රියාත්මක වේ.
