Ajout réactif dans un tableau dans React
Travaillons avec l'ajout réactif
d'éléments dans un tableau. Prenons pour exemple un
tableau qui est affiché sous forme de
liste 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>;
}
Créez un bouton sur lequel, en cliquant,
un nouvel élément sera ajouté
à la fin du tableau, ajoutant ainsi un nouveau
li à la fin de la balise ul.
Créez une zone de saisie et un bouton. En cliquant
sur le bouton, que le texte de la zone de saisie devienne
une nouvelle balise li à la fin de la balise ul.
