阿波罗突变取决于for循环中的先前突变

Question

我正在使用React Native和Apollo Client作为一个应用程序，该应用程序创建了一个聊天，给定了一系列选定的用户。我的代码看起来像这样：

        const [addUser, {
    data: userAdded, loading: addingUsers, error: errorAddingUsers,
  }] = useMutation(ADDUSERTOCHAT)

  const [makeChat, {
    data: chat, loading: chatLoading, error: chatError,
  }] = useMutation(NEWCHAT, {
    variables: { ownerId: viewerId },
    onCompleted: () => {
      for (let i = 0; i < selectedFriends.length; i++) {
        addUser({
          variables: {
            chatId: chat.newChat.id,
            id: selectedFriends[i].id,
          },
          onCompleted: () => {
            if (i === selectedFriends.length - 1) {
              navigation.navigate('Chat', { chatId: chat.newChat.id })
            }
          },
        })
      }
    },
  })

现在，这不起作用。我不确定仅在创建聊天之后才能运行Adduser突变，而且我也不确定FO循环是否会为每个选定的朋友运行一个突变。一旦完成过程中的所有操作，我还需要导航到屏幕聊天，我不确定我的状况是否会为此工作。总而言之，我对如何对这些突变进行测序并且无法使其起作用有些迷失。感谢任何帮助，感谢！