GraphQL-React如何在查询中返回数据对象？

Question

在以下代码中，JSON.stringify的返回有效。当我尝试在map方法中返回data.getOrders对象时，出现了data.getOrders对象未定义的错误。

<Query query={GET_ORDERS}>
  {({loading, error, data}) => {
    if(loading) return <div>Loading..</div>;
    if(error) return <div>{error.message}</div>;

    // work
    return <div>{JSON.stringify(data.getOrders)}</div>;

    // doesnt work
    return (
      <ul>
        {data.getOrders.map(order => (
          <li key={order.id}>{order.orderName}</li>
        ))}
      </ul>
    );
  }}
</Query>

如何返回数据对象？