正在尝试获取要在页面上呈现的嵌套数据downloads.copy
。我使用Apollo客户端开发工具查看数据,但不会呈现到页面上。我已经搜索了apollo-link-rest问题。我确信这是一些语法问题--或者不是。任何帮助/见解都将非常感谢。
import React, { Component } from "react";
import { graphql } from "react-apollo";
import gql from "graphql-tag";
const Query = gql`
query tool {
tools @rest(type: "ToolsPayload", path: "some-api/tools") {
id
headerTitle
description
downloads @type(name: "ToolsPayloadDownloads") {
copy
}
}
}
`;
class Tool extends Component {
render() {
const { loading, error, tools } = this.props;
if (loading) {
return <h4>Loading...</h4>;
}
if (error) {
return <h4>{error.message}</h4>;
}
return (
<div>
{tools.map(tool => {
return (
<div key={tool.id}>
<h1>{tool.headerTitle}</h1>
// ** CAN'T GET THE DOWNLOADS COPY TO RENDER ** //
<h1>{tool.downloads.copy}</h1>
</div>
);
})}
</div>
);
}
}
export default graphql(Query, {
props: ({ data }) => {
if (data.loading) {
return {
loading: data.loading
};
}
if (data.error) {
return {
error: data.error
};
}
return {
tools: data.tools,
loading: false
};
}
})(Tool);
{
[
{
"id": "1025",
"headerTitle": "Title",
"downloads": [
{
"id": "1234",
"copy": "Some copy",
}
]
},
{
"id": "1026",
"headerTitle": "Title2",
"downloads": [
{
"id": "5678",
"copy": "Some copy2",
}
]
},
]
}
发布于 2019-04-25 08:11:01
downloads
是一个使用数组的tool.downloads[0].copy
查询应在downloads
中包含id
字段,以便正确缓存ToolsPayloadDownloads
类型。
您可以使用react开发工具检查/检查apollo缓存数据/详细信息。
https://stackoverflow.com/questions/55839837
复制相似问题