2

我正在开发一个应用程序，该应用程序将在 shopify 中列出我们的未结订单，以便我们可以按交货日期安排它们。我在 html 和液体编码方面有很多经验，但是对使用 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],
  ['1',2,1,1],
  ['1',2,1,1],
  ['1',2,1,1],
];

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

}
  
  export default OrdersList;

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

非常感谢您的任何帮助。

谢谢，马特

4

0 回答 0