在 React Apollo 中动态选择查询变量

Question

我希望能够动态选择我在 GraphQL 中使用的查询变量。

例如，需要三个单独的查询似乎有点多余：

const getAllStops = gql`
  query trafficStops {
    trafficStops {
      id
      date
    }
  }
`

const getStopsAfter = gql`
  query trafficStops($after: String!) {
    trafficStops(after: $after) {
      id
      date
    }
  }
`
const getStopsBefore = gql`
  query trafficStops($before: String!) {
    trafficStops(before: $before) {
      id
      date
    }
  }
`

有没有一种方法可以让我不仅将变量 before 或 after 传递，还可以将一个变量、另一个变量、一个都不传递，或者两者都传递给单个查询而不是多个查询？

Answer 1

是的，您只需将参数设为可选。 String! 处的感叹号要求参数是字符串而不是 null。因此，通过删除它，您可以将单个查询编写为

const getAllStops = gql`
  query trafficStops($after: String, $before: String)  {
    trafficStops(after: $after, before: $before) {
      id
      date
    }
  }
`