无法存储 GraphQL 查询的结果 - 始终未定义

Question

我正在查询并且已经记录了结果。一切正常，但是当我想继续处理结果时，它总是“未定义”（参见第二次日志记录）。 我确定我在这里错过了一些明显的东西，但我真的很想得到你的帮助:)

render() {
let saved;
this.props.apolloClient
  .watchQuery<Query>({
    query: gql`
      query($id: ID!) {
        element(id: $id) {
          children {
            ... on TextNote {
              name
              description
              type
            }
          }
        }
      }
    `,
    variables: { id: 0 }
  })
  .subscribe(({ data: { element: { children } } }) => {
    console.log(children); // this is the wanted result
    saved = children;
  });

console.log("save");
console.log(saved);   // this is undefined for some reason

Answer 1

如果children 给你正确的结果，你能不能只将你的变量saved 分配给你的this.props.apolloClient 函数并在subscribe 调用中返回子级？

类似：

 render() {
  const saved = this.props.apolloClient
  .watchQuery<Query>({
    query: gql`
      query($id: ID!) {
        element(id: $id) {
          children {
            ... on TextNote {
              name
              description
              type
            }
          }
        }
      }
    `,
    variables: { id: 0 }
  })
  .subscribe(({ data: { element: { children } } }) => {
    console.log(children); // this is the wanted result
    return children; // <-- return the value here
  });

console.log("save");
console.log(saved);   // <-- should have children assigned to saved