Reaktiv tillägg i array i React
Låt oss arbeta med reaktivt tillägg
av element i en array. Låt oss som exempel ha
en array som visas som en
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>;
}
Gör en knapp som, när du klickar på den,
lägger till ett nytt element
i slutet av arrayen, och därmed lägger till en ny
li i slutet av ul-taggen.
Gör en input och en knapp. När du klickar
på knappen, låt inputens text bli
en ny li-tagg i slutet av ul-taggen.
