如何在 Polaris DataTable 中显示来自 Graphiql 对象的订单

问题描述

我正在开发一款应用，该应用将在 shopify 中列出我们的未结订单，以便我们可以按交货日期安排订单。我在 html 和 Liquid 编码方面有很多经验，但我对使用 polaris 进行应用编码非常陌生，我正在努力（轻描淡写）将 gql 查询传递到表格格式中。

这是我目前所拥有的...

import React from 'react';
import gql from 'graphql-tag';
import { Query } from 'react-apollo';
import { EmptyState,Card,DataTable,Layout,Page } from '@shopify/polaris';
import { ResourcePicker,TitleBar } from '@shopify/app-bridge-react';

const GET_ALL_ORDERS = gql`
  query {
    orders(first:10,query:"fulfillment_status:unshipped") {
      edges {
        node {
          id
          name
          displayFulfillmentStatus
          note
        }
      }
    }
  }
`;

const obj = JSON.stringify(GET_ALL_ORDERS);

console.log(obj);

const rows = [
  ['1',1,1],['1',2,];

class OrdersList extends React.Component {
  state = { open: false };
  render() {
    return (
      <Page>
        <TitleBar
          title="Sample App"
        />
        <Layout>
        <Card>
              <DataTable
                columnContentTypes={[
                  'text','numeric',]}
                headings={[
                  'Name','Order Number','Items','Total',]}
                rows={rows}
                totals={['1','2','3','4']}
                showTotalsInFooter
              />
            </Card>
        </Layout>
      </Page>
    );
  }

}
  
  export default OrdersList;

谁能就如何将所需的变量（id、名称、displayFulfillmentStatus、note）传递到要呈现到数据表中的行提供一些指导。

非常感谢您的任何帮助。

谢谢，马特

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）