如何将 GraphQL 查询传递给 React-Table？

问题描述

我正在尝试从 GraphQL 服务器获取数据，并且我想将数据显示到 react-table-6。无论如何，我能够显示表格，但我不知道如何将来自 GraphQL 服务器的数据显示到表格中。我试过这个解决方案 (Pass array from GraphQL query to React-Table) 但它不起作用。

这是我的代码：-

import React from 'react';
import { Query} from 'react-apollo';
import gql from 'graphql-tag';
import ReactTable from "react-table-6";  
import "react-table-6/react-table.css";


const GET_ISSUES_QUERY = gql`{
        data{
          issues {
              key
              fields {
                  description
                  created
                  customfield_12600 {
                      value
                      child {
                          value
                      }
                    }
                    customfield_14033
                    updated
                    summary
                }
            }
        }
    }
    `

    function Domain() {
        const columns = [
            {
                Header: "Domain ID",accessor:"key"
            },{
                Header:"Domain Name",accessor:"fields.summary"
            },{
                Header:"Description",accessor:"fields.description"
            }
        ];
        return (
            <div>
                <Query query={GET_ISSUES_QUERY}>
                    {({loading,data}) => {
                        if (loading) return <p>Loading...</p>
                        {/* const [data1] = data.data;
                        console.log(data1); */}
                        {/* console.log(data); */}
                        return (
                        <ReactTable
                            data={data.data.issues}
                            columns={columns}
                        />
                        )
                    }}
                </Query>
            </div>
        )
    }

    export default Domain;

检查以下链接，这是我的表的样子 https://i.stack.imgur.com/LgdEc.png

这是我想在表格中显示的数据：- GraphQL server

解决方法

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

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

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