Αντίδραση Προσθήκης σε Πίνακα στο 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>;
}

Δημιουργήστε ένα κουμπί, upon pressing which θα προστίθεται ένα νέο στοιχείο στο τέλος του πίνακα, προσθέτοντας έτσι ένα νέο li στο τέλος της ετικέτας ul.

Δημιουργήστε ένα πεδίο εισαγωγής και ένα κουμπί. Upon pressing στο κουμπί αφήστε το κείμενο του πεδίου εισαγωγής να γίνει νέα ετικέτα li στο τέλος της ετικέτας ul.