React20 / 78

Update State Object & Array Secara Immutable

Jangan pernah memutasi objek/array state secara langsung (items.push()). Buatlah salinan baru dengan spread operator [...items, newItem].

👀 Contoh dulu

const [items, setItems] = useState(['A', 'B']);
setItems([...items, 'C']);

Hasilnya: ['A', 'B', 'C'] dirender sebagai array baru.

💡 Spread operator [...] membuat array baru sehingga React mendeteksi perubahan state.

📝 Sekarang giliranmu

Perbarui array items dengan menambahkan elemen string 'Baru' ke akhir array tanpa memutasi array asli.

Preview