რეაქტური დამატება მასივში React-ში

მოდით ვიმუშაოთ ელემენტების რეაქტიულ დამატებაზე მასივში. მაგალითისთვის გვქონდეს მასივი, რომელიც გამოდის როგორც სია 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>;
}

გააკეთეთ ღილაკი, რომლის დაჭერისას დაემატება ახალი ელემენტი მასივის ბოლოში, რითაც დაემატება ახალი li ul ტეგის ბოლოში.

გააკეთეთ ინპუტი და ღილაკი. ღილაკზე დაჭერისას ინპუტის ტექსტი გახდეს ახალი ტეგი li ul ტეგის ბოლოში.