中继突变中 RANGE_ADD 的问题

Question

我正在浏览中继文档并在 RANGE_ADD 中找到以下代码。

class IntroduceShipMutation extends Relay.Mutation {
  // This mutation declares a dependency on the faction
  // into which this ship is to be introduced.
  static fragments = {
    faction: () => Relay.QL`fragment on Faction { id }`,
  };
  // Introducing a ship will add it to a faction's fleet, so we
  // specify the faction's ships connection as part of the fat query.
  getFatQuery() {
    return Relay.QL`
      fragment on IntroduceShipPayload {
        faction { ships },
        newShipEdge,
      }
    `;
  }
  getConfigs() {
    return [{
      type: 'RANGE_ADD',
      parentName: 'faction',
      parentID: this.props.faction.id,
      connectionName: 'ships',
      edgeName: 'newShipEdge',  
      rangeBehaviors: {
        // When the ships connection is not under the influence
        // of any call, append the ship to the end of the connection
        '': 'append',
        // Prepend the ship, wherever the connection is sorted by age
        'orderby(newest)': 'prepend',
      },
    }];
  }
  /* ... */
}

这里提到需要 edgeName 才能将新节点添加到连接中。看起来不错。

现在，我进一步向下移动文档并到达此变更的 GraphQL 实现。

mutation AddBWingQuery($input: IntroduceShipInput!) {
  introduceShip(input: $input) {
    ship {
      id
      name
    }
    faction {
      name
    }
    clientMutationId
  }
}

现在根据文档，这个突变给我的输出是

{
  "introduceShip": {
    "ship": {
      "id": "U2hpcDo5",
      "name": "B-Wing"
    },
    "faction": {
      "name": "Alliance to Restore the Republic"
    },
    "clientMutationId": "abcde"
  }
}

我看不到 edgeName 在这里。

我在我的项目中使用石墨烯。那边我也只看到类似的东西

class IntroduceShip(relay.ClientIDMutation):
  class Input:
    ship_name = graphene.String(required=True)
    faction_id = graphene.String(required=True)

ship = graphene.Field(Ship)
faction = graphene.Field(Faction)

@classmethod
def mutate_and_get_payload(cls, input, context, info):
    ship_name = input.get('ship_name')
    faction_id = input.get('faction_id')
    ship = create_ship(ship_name, faction_id)
    faction = get_faction(faction_id)
    return IntroduceShip(ship=ship, faction=faction)

这里我也看不到edgeName。

有什么帮助吗？我正在研究第一个突变，所以想确认我是否遗漏了什么或者这里有什么问题？

Answer 1

这个例子可能被简化了或者有点过时了，因为在实践中需要return边缘而这正是中继所获取的（其他领域） RANGE_ADD 中更多的是一种声明，并不一定被获取。

以下是如何在石墨烯中做到这一点：

# Import valid as of graphene==0.10.2 and graphql-relay=0.4.4
from graphql_relay.connection.arrayconnection import offset_to_cursor

class IntroduceShip(relay.ClientIDMutation):
    class Input:
        ship_name = graphene.String(required=True)
        faction_id = graphene.String(required=True)

    ship = graphene.Field(Ship)
    faction = graphene.Field(Faction)
    new_ship_edge = graphene.Field(Ship.get_edge_type().for_node(Ship))

    @classmethod
    def mutate_and_get_payload(cls, input, context, info):
        ship_name = input.get('ship_name')
        faction_id = input.get('faction_id')
        ship = create_ship(ship_name, faction_id)
        faction = get_faction(faction_id)

        ship_edge_type = Ship.get_edge_type().for_node(Ship)
        new_ship_edge = edge_type(
            # Assuming get_ships_number supplied
            cursor=offset_to_cursor(get_ships_number())
            node=ship
        )

        return cls(ship=ship, faction=faction, new_ship_edge=new_ship_edge)

中继突变中 RANGE_ADD 的问题

Issue with RANGE_ADD in Relay Mutations

relay

graphql

relayjs