如何解决如何将 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 举报,一经查实,本站将立刻删除。