useAttributeValues

Returns the values for the specified `attributes` applied to the checkout.

import React from 'react';
import {
  Text,
  render,
  useAttributeValues,
} from '@shopify/checkout-ui-extensions-react';

render('Checkout::Dynamic::Render', () => (
  
));

function Extension() {
  const [buyerSelectedFreeTShirt, tshirtSize] =
    useAttributeValues([
      'buyerSelectedFreeTShirt',
      'tshirtSize',
    ]);

  if (Boolean(buyerSelectedFreeTShirt) === true) {
    return (
      
        You selected a free t-shirt, size:{' '}
        {tshirtSize}
      
    );
  }

  return null;
}

UseAttributeValuesGeneratedType

Returns the values for the specified `attributes` applied to the checkout.

Returns: (string | undefined)[]

Params:

keys: string[]

export function useAttributeValues< ID extends RenderExtensionPoint = RenderExtensionPoint, >(keys: string[]): (string | undefined)[] { const attributes = useAttributes<ID>(); if (!attributes?.length) { return []; } return keys.map((key) => { const attribute = attributes.find((attribute) => attribute.key === key); return attribute?.value; }); }

Related

• StandardApi
• CheckoutApi
• OrderStatusApi
• CartLineDetailsApi
• PickupPointsApi
• PickupLocationsApi
• ShippingMethodDetailsApi
• ExtensionPoints