Reaktywne dodawanie do tablicy w React
Pracujmy z reaktywnym dodawaniem
elementów do tablicy. Niech dla przykładu mamy
tablicę, która jest wyświetlana jako
lista 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>;
}
Zrób przycisk, po kliknięciu którego
będzie dodawany nowy element
na koniec tablicy, tym samym dodając nowy
li na koniec tagu ul.
Zrób input i przycisk. Po kliknięciu
przycisku niech tekst inputa stanie się
nowym tagiem li na koniec tagu ul.
