如何使用 apollo 客户端访问来自组件端口的错误响应

Question

在我向 graphql 服务器发送 fetch 查询后，服务器端返回类似这样的错误graphql response

但是 React 组件不会在它们的 props 中显示错误。 component props

我想控制组件如何根据错误代码运行操作。 例如，如果组件未获取任何数据，则将运行 mustation 操作。然后我想根据失败或成功再次控制它。

class Room extends React.PureComponent {
  render() {
    if (this.props.data.loading) {
      return (<div>Loading</div>)
    }
    if (this.props.errors.code == "bad_request") {
      //redirect to form
    }
    if (this.props.errors.code == "not_found") {
      // run mutaion query
    }

    return (
      <div>
         Room name is {room.length} 
      </div>
    )
  }
}

有人知道如何访问响应值或任何其他最佳错误处理吗？

Answer 1

您可以访问 data.error 对象中的错误，请参阅此链接了解详细信息 http://dev.apollodata.com/react/api-queries.html#graphql-query-data-error