Reaktives Hinzufügen zu Arrays in React

Lassen Sie uns an der reaktiven Hinzufügung von Elementen zu einem Array arbeiten. Nehmen wir beispielsweise an, wir haben ein Array, das als Liste ul ausgegeben wird:

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