具有连接的反应放大查询

问题描述 投票:0回答:1

我目前正在使用Amplify Cli构建一个React应用程序。

The schema.graphql

type Ticket @auth(rules: [{ allow: owner, operations: [create, update, delete] }]) @model @searchable  {
  id: ID!
  location: String
  city: String
  comment: String
  owner: String
  startDate: String
  endDate: String
  status: String
  request: [Request] @connection(keyName: "byRequest", fields: ["id"])
}

type Request @auth(rules: [{ allow: owner, operations: [create, update, delete] }]) @model @searchable @key(name: "byRequest", fields: ["ticketID"]) {
  id: ID!
  ticketID: ID!
  requester: String
}

为相关searchTickets查询放大生成的代码

export const searchTickets = /* GraphQL */ `
  query SearchTickets(
    $filter: SearchableTicketFilterInput
    $sort: SearchableTicketSortInput
    $limit: Int
    $nextToken: String
  ) {
    searchTickets(
      filter: $filter
      sort: $sort
      limit: $limit
      nextToken: $nextToken
    ) {
      items {
        id
        location
        city
        comment
        owner
        startDate
        endDate
        status
        request {
          nextToken 
        }
      }
      nextToken
      total
    }
  }
`;

[当我尝试在Appsync中查询数据时,结果将包含请求者的数组,这与预期的一样。

query {
  searchTickets {
     items{
      location
      owner
      request {
        items{
          requester
        } 
      }
    }
  }
}

现在,我正在使用React代码,因为不包括请求者的数组。其余代码工作正常,我从票证(位置,城市...)获取了所有数据,但没有从“请求”类型获取数据。

反应查询代码:

 await API.graphql(
        graphqlOperation(queries.searchTickets, {
          limit, // limit is set in a const
          sort: {
            field: 'startDate',
            direction: 'asc'
          },
          filter: {
            location: {
              eq: location
            },
            city: {
              eq: city
            }
          }
        })
      )
        .then(payload => {
          const data = payload.data.searchTickets.items;
          setTickets(tickets => tickets.concat(data)); 
        })
        .catch(err => {
          console.log('error: ', err);
        });

enter image description here

关于“请求”数组为何为空或如何通过searchTickets查询访问“请求”类型数据的任何想法?

THX!

PS:如果需要,我很高兴提供更多代码/信息。

reactjs graphql aws-amplify aws-appsync
1个回答
1
投票

您有一个.graphqlconfig.yml文件吗?请检查“放大”的深度。

projects:
  <YOUR_PROJECT_NAME>:
    extensions:
      amplify:
        maxDepth: <CHANGE_THIS>
© www.soinside.com 2019 - 2024. All rights reserved.