Orders component with delete order logic

Orders.js

// Orders.js
import React from 'react';
import OrderService from './OrderService';

class Orders {
  constructor(props) {
    super(props);

    this.state = {
      orders: [],
    };
  }

  async componentDidMount() {
    const orders = await OrderService.list();
    this.setState({ orders });
  }

  handleRemove = async (orderId) => {
    await OrderService.delete(orderId);
    this.setState(state => ({
      orders: state.orders
        .filter(order => order.id !== orderId),
    }));
  };

  ...
}

export default Orders;