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:

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

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.

Задание 2

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.