Shtimi reaktiv në array në React
Le të punojmë me shtimin reaktiv të
elementeve në një array. Le të themi për shembull që ne
kemi një array që shfaqet si një
listë 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>;
}
Bëni një buton, upon clicking on which
do të shtohet një element i ri
në fund të array, duke shtuar kështu një të ri
li në fund të etiketës ul.
Bëni një input dhe një buton. Upon clicking
on the button let the input text become
a new tag li në fund të etiketës ul.