Und wenn sich die Anzahl der Bestellungen ändern kann?

Wenn die Anzahl der Bestellungen sich dynamisch ändern kann, ist es notwendig, dynamische Datenstrukturen und reaktive Ansätze zu verwenden, um die Liste im Frontend korrekt anzuzeigen.

Zum Beispiel kann man in React die Bestellungen im Zustand der Komponente speichern und bei Änderungen aktualisieren:

const [orders, setOrders] = React.useState([]);

// Beim Empfang neuer Daten
function updateOrders(newOrders) {
  setOrders(newOrders);
}

return (
  <ul>
    {orders.map(order => (
      <li key={order.id}>{order.name}</li>
    ))}
  </ul>
);

Auf diese Weise wird die UI automatisch aktualisiert, wenn sich die Anzahl der Bestellungen ändert oder Elemente hinzugefügt oder entfernt werden.