React'te Dizilere Reaktif Ekleme
Dizilere reaktif eleman ekleme üzerinde çalışalım.
Örnek olarak, liste şeklinde gösterilen
bir dizimiz olsun 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>;
}
Tıkladığınızda dizinin sonuna yeni bir eleman
ekleyen bir buton yapın, böylece ul
etiketinin sonuna yeni bir li eklenmiş olsun.
Bir input ve bir buton yapın. Butona tıklandığında,
input'un metni, ul etiketinin sonuna
yeni bir li etiketi olarak eklensin.
