React හි අරාවන්ට ප්‍රතික්‍රියාශීලීව එකතු කිරීම
අරාවකට මූලද්‍රව්‍ය ප්‍රතික්‍රියාශීලීව එකතු කිරීම සමඟ වැඩ කරමු.
උදාහරණයක් ලෙස, අපට අරාවක් තිබිය යුතුය,
එය ul ලැයිස්තුවක් ලෙස ප්‍රතිදානය කෙරේ:
function App() {
const [notes, setNotes] = useState([1, 2, 3, 4, 5]);
const result = notes.map((note, index) => {
return <li key={index}>{note}</li>;
});
return <div>
<ul>
{result}
</ul>
</div>;
}
බොත්තමක් සාදන්න, එය ක්ලික් කිරීමෙන්
නව මූලද්‍රව්‍යයක් එකතු විය යුතුය
අරාවේ අවසානයට, එමගින් නව
li එකක් එකතු කරනු ලැබේ
ul ටැගයේ අවසානයට.
ආදාන ක්ෂේත්‍රයක් සහ බොත්තමක් සාදන්න. බොත්තම
ක්ලික් කිරීමෙන් ආදාන ක්ෂේත්‍රයේ පෙළ
නව li ටැගයක් වේවා
ul ටැගයේ අවසානයට.
