联盟类型继电器

Question

支持当你定义的字段为两种类型的工会（在例如机载船舶和Droid），那么在继电器，你可以做这样的事情：

fragment on [email protected] relay(plural: true) { 
    name, 
    machines { 
    ... on Ship { 
     name 
    } 
    ... on Droid { 
     name, 
     primaryFunction 
    } 
    } 
} 

所以在机器支撑你的对象是正确的评估，但如果你想这样做，使用碎片从外部组件：

fragment on [email protected] relay(plural: true) { 
    name, 
    machines { 
    ${StarWarsShip.getFragment('ship')} 
    ${StarWarsDroid.getFragment('droid')} 
    } 
} 

那么你最终下机片段定义。它看起来像你被困，并且无法检查哪个对象是机器数组中的哪个类型，所以你不能决定应该使用哪个组件。

Answer 1

存在一个__typename场与您应该能够反思每一个记录类型：

查询

fragment on Faction @relay(plural: true) { 
    name, 
    machines { 
    __typename # <-- add this 
    ${StarWarsShip.getFragment('ship')} 
    ${StarWarsDroid.getFragment('droid')} 
    } 
} 

应用程序代码

this.props.faction.machines.map(machine => 
    machine.__typename === 'Droid' 
    ? <Droid droid={machine} /> 
    : <Ship ship={machine} /> 
);