Functions
Function: useOrders

﻿react-autonomy﻿.useOrders
▸ useOrders(options?): UseOrders﻿﻿
The useOrders hook returns an object representing the current user's
orders.
This hook has a side effect that will load all the user's orders upon
calling it, if not already loaded. Optionally, an object can be passed to
the hook to expand the orders object to include additional properties.
This looks like useOrders({ includeDetails: true }). This includeDetails
option only applies to the initial load of the orders.
﻿
JS
import { useOrders } from '@chordcommerce/react-autonomy'

const OrdersPage = () => {
  const { orders, isLoaded, isFetching, error } = useOrders()

  if (isFetching) {
    return <p>Loading…</p>
  }

  return (
    <dl>
      {orders.map(order => (
        <React.Fragment key={order.number}>
          <dt>Order #{order.number}</dt>
          <dd>
            Total price: {order.displayTotal}
            <br />
            (Items: {order.lineItems.map(li => li.sku).join(', ')})
          </dd>
        </React.Fragment>
      )}
    </dl>
  )
}
import { useOrders } from '@chordcommerce/react-autonomy'

const OrdersPage = () => {
  const { orders, isLoaded, isFetching, error } = useOrders()

  if (isFetching) {
    return <p>Loading…</p>
  }

  return (
    <dl>
      {orders.map(order => (
        <React.Fragment key={order.number}>
          <dt>Order #{order.number}</dt>
          <dd>
            Total price: {order.displayTotal}
            <br />
            (Items: {order.lineItems.map(li => li.sku).join(', ')})
          </dd>
        </React.Fragment>
      )}
    </dl>
  )
}
﻿
Parameters
Name
Type
options?
Object
options.includeDetails?
boolean
Returns
﻿UseOrders﻿﻿
Defined in
﻿packages/react-autonomy/src/hooks/use-orders.ts:53﻿
Name	Type
options?	Object
options.includeDetails?	boolean
Updated 25 Mar 2024
Function: useOrder
Function: useProduct