Reaktīva pievienošana masīvam React
Strādāsim ar elementu reaktīvu pievienošanu
masīvam. Piemēram, pieņemsim, ka mums ir
massīvs, kas tiek izvadīts kā
saraksts 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>;
}
Izveidojiet pogu, kuras nospiešana
pievienos jaunu elementu
massīva beigās, tādējādi pievienojot jaunu
li ul beigās.
Izveidojiet ievades lauku un pogu. Nospiežot
uz pogas, ievades lauka teksts kļūs
par jaunu li ul beigās.
