How to use constant data instead of query field name?

Question

In my React(Apollo client) App, for creating queries I am using gql`` tag from graphql-tag package, I am wandering if following is somehow possible to achieve:

const bookField = 'books'
const GET_BOOKS = gql`
query getBooks {
   ${bookField} {
    id
    title
 }
`

So basically to use constant value as a query name? After this kind of change graphql-codegen doesn't generates query and related types,hooks... any ideas?

Thank you.

Enfield Li · Accepted Answer · 2022-04-07 11:15:01Z

0

If you wanna query field conditionally, the way I see it, is to create different Fragment, and based on that, with the hooks auto generated by apollo client and code-gen, you can query different field.

// Let's say in this seanario:
const bookField = condition ? 'books' : "otherField"

const GET_BOOKS = gql`
query getBooks {
   ${bookField} {
    id
    title
 }
`

// This should be put in useEffect
// auto gen hooks
const bookField = condition ? useGetBooksQuery() : useGetOtherFieldQuery()

answered Apr 7, 2022 at 11:15

Enfield Li

2,6201 gold badge15 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Vano Over a year ago

"books" is query name not a field of query, so I just need to extract it in constant, I am not planing to use different name for bookField. BTW thanks for your time.

Collectives™ on Stack Overflow

How to use constant data instead of query field name?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related