Orders Class Component

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

  return (
    <div>
      <h1>Orders</h1>
      <OrdersList orders={orders} />
    </div>
  );
}

export default Orders;