Penambahan Reaktif ke Array di React
Mari kita bekerja dengan penambahan elemen
secara reaktif ke dalam array. Sebagai contoh, misalkan kita
memiliki array yang ditampilkan dalam bentuk
daftar 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>;
}
Buatlah tombol, yang ketika ditekan
akan menambahkan elemen baru
ke akhir array, sehingga menambahkan
li baru di akhir tag ul.
Buatlah input dan tombol. Saat ditekan,
tombol akan membuat teks dari input menjadi
tag li baru di akhir tag ul.
