Reaktív hozzáadás a tömbhöz Reactben
Dolgozzunk a reaktív hozzáadással
elemei egy tömbhöz. Példaként legyen
egy tömbünk, amely listaként jelenik meg
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>;
}
Készítsen egy gombot, amelyre kattintva
egy új elem kerül hozzáadásra
a tömb végéhez, ezzel hozzáadva egy új
li a ul tag végéhez.
Készítsen egy input mezőt és egy gombot. A gomb megnyomásakor
az input szövege legyen
új li tag a ul tag végén.
