Adición Reactiva a un Array en React
Trabajemos con la adición reactiva de
elementos a un array. Supongamos, por ejemplo, que
tenemos un array que se muestra como una
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>;
}
Crea un botón que, al hacer clic,
añada un nuevo elemento al final del array,
agregando así un nuevo
li al final de la etiqueta ul.
Crea un input y un botón. Al hacer clic
en el botón, el texto del input debe convertirse
en una nueva etiqueta li al final de la etiqueta ul.
