Και αν ο αριθμός των παραγγελιών μπορεί να αλλάξει;

Εάν ο αριθμός των παραγγελιών μπορεί να αλλάξει δυναμικά, πρέπει να χρησιμοποιήσετε δυναμικές δομές δεδομένων και αντιδραστικές προσεγγίσεις για να εμφανίσετε σωστά τη λίστα στο frontend.

Για παράδειγμα, στο React, μπορείτε να αποθηκεύσετε τις παραγγελίες στην κατάσταση του συστατικού και να τις ενημερώνετε όταν αλλάζουν:

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

// Κατά τη λήψη νέων δεδομένων
function updateOrders(newOrders) {
  setOrders(newOrders);
}

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

Έτσι, το UI θα ενημερώνεται αυτόματα όταν αλλάζει ο αριθμός των παραγγελιών ή όταν προστίθενται ή διαγράφονται στοιχεία.