Обновление локального состояния при создании и удалении ассоциаций в клиенте Apollo

Question

В моей схеме есть объекты типа student и team, а также таблица student_team, в которой хранятся записи об их отношениях. Для управления ими я использую следующие звонки:

// to add a student team relationship
mutation CreateStudentTeam($studentId: UUID!, $teamId: UUID!) {
  createStudentTeam(
    input: { studentTeam: { studentId: $studentId, teamId: $teamId } }
  ) {
    student {
      id
    }
    team {
      id
    }
  }
}

// to remove a student team relationship
mutation DeleteStudentTeam($studentId: UUID!, $teamId: UUID!) {
  deleteStudentTeamByStudentIdAndTeamId(input: {studentId:$studentId, teamId:$teamId}) {
    student {
      id
    }
    team {
      id
    }
  }
}

// to view teams with students
query Teams {
    teams {
      nodes {
        id
        name
        students {
          nodes {
            id
            fullName
          }
        }
      }
    }
}

Мое приложение представляет данные, основанные на этих отношениях, в виде списков. Команде может быть представлен список студентов. Я немного озадачен тем, как обновить локальное состояние после выполнения этих вызовов. Лучше всего было бы просто повторить выборку данных с помощью запроса команд? Я хотел бы знать, как лучше всего это сделать с помощью Apollo Link State.

Спасибо!

Answer 1

Вам нужно сделать это вручную, используя update prop пройдено:

graphql(YourMutation, {
  options: {
    update: (cache, result) => {
      const query = TeamsQuery
      const currentQueryData = cache.readQuery({query})
      const updatedData = //change your data regarding of the mutation
      cache.writeQuery({query, data: graphql updatedData })
    }
  }
}

также посмотрите на эту часть документов