Penambahan Reaktif ke dalam Array dalam React
Mari kita bekerja dengan penambahan elemen
secara reaktif ke dalam array. Sebagai contoh, katakan kita
mempunyai array yang dipaparkan sebagai
senarai 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>;
}
Buatkan butang yang, apabila diklik,
akan menambah elemen baru
ke hujung array, sekaligus menambah
li baru pada hujung tag ul.
Buatkan input dan butang. Apabila
butang ditekan, biarkan teks input menjadi
tag li baru pada hujung tag ul.
