Shtimi reaktiv në array në React

Le të punojmë me shtimin reaktiv të elementeve në një array. Le të themi për shembull që ne kemi një array që shfaqet si një listë ul:

jsxfunction 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>;
}

Задание 1

Bëni një buton, upon clicking on which do të shtohet një element i ri në fund të array, duke shtuar kështu një të ri li në fund të etiketës ul.

Задание 2

Bëni një input dhe një buton. Upon clicking on the button let the input text become a new tag li në fund të etiketës ul.