@twilio/flex-sdk
    Preparing search index...

    Variable useDataClientLazyQueryConst

    useDataClientLazyQuery: typeof useLazyQuery = useLazyQuery

    A hook for imperatively executing queries in an Apollo application, e.g. in response to user interaction. Refer to the Queries - Manual execution with useLazyQuery section for a more in-depth overview of useLazyQuery.

    A GraphQL query document parsed into an AST by gql.

    Default options to control how the query is executed.

    A tuple in the form of [execute, result]

    import { gql, useDataClientLazyQuery } from "@twilio/flex-sdk/data-client";

    const GET_GREETING = gql`
      query GetGreeting($language: String!) {
        greeting(language: $language) {
          message
        }
      }
    `;

    function Hello() {
      const [loadGreeting, { called, loading, data }] = useDataClientLazyQuery(
        GET_GREETING,
        { variables: { language: "english" } }
      );
      if (called && loading) return <p>Loading ...</p>
      if (!called) {
        return <button onClick={() => loadGreeting()}>Load greeting</button>
      }
      return <h1>Hello {data.greeting.message}!</h1>;
    }

    Settings

    Member Visibility