Also sagen wir in React haben wir this.props.viewer.parent.child
.
Und lassen Sie uns sagen, dass die Antwort so etwas wieWie werden tief verschachtelte Abfragen behandelt, wenn Felder je nach Anmeldung null sein können oder nicht?
{
"data": {
"viewer": {
"parent": null
}
}
}
aussehen muss Dies würde erstellen und Fehler in Reaktion (Cannot read property 'child' of null
), weil die Eltern null
ist.
Was habe ich gedacht, um dieses Problem zu bekommen, ist:
- Verwendung https://www.npmjs.com/package/dot-prop , wenn Relais Daten verwenden, aber es scheint wie eine andere Schicht von unnötige Komplexität.
- Sie könnten mit
if
dann rendern, aber das ist auch problematisch, da Sie tief in Komponenten gehen und mit viele ifs überprüfen müssen. Sie könnten in das GraphQL-Schema gehen und
return null
bei jeder Feldauflösung hinzufügen. So würde die Antwort wie folgt aussehen:{ "data": { "Viewer": { "Eltern": { "Kind": null } } } }
Was machen Sie, um dieses Problem zu umgehen? Danke.