Thêm phản ứng vào mảng trong React

Hãy làm việc với việc thêm các phần tử một cách phản ứng vào mảng. Giả sử ví dụ chúng ta có một mảng, được hiển thị dưới dạng danh sách 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

Tạo một nút bấm, khi nhấp vào đó sẽ thêm một phần tử mới vào cuối mảng, qua đó thêm một mục li mới vào cuối thẻ ul.

Задание 2

Tạo một ô nhập liệu và một nút bấm. Khi nhấn vào nút, hãy để văn bản từ ô nhập liệu trở thành thẻ li mới ở cuối thẻ ul.