Javascript 如何在GraphQL的映射中循环数组_Javascript_Arrays_Reactjs_Graphql_Sanity

Javascript 如何在GraphQL的映射中循环数组

javascript arrays reactjs graphql

Javascript 如何在GraphQL的映射中循环数组,javascript,arrays,reactjs,graphql,sanity,Javascript,Arrays,Reactjs,Graphql,Sanity,我正在尝试使用GraphQL循环来自Sanity的数据。我已经设置了我的.map来循环更大的信息，并返回一个所有内容的数组，该数组运行良好；然而，当涉及到我的.map中的数组时，我似乎不知道如何正确地循环它们并显示数组中的每个数据行我需要能够使用.map中的三个不同数据集执行此操作。这可能比我现在做的要容易，但如果有人能帮我打破这方面的心理迷雾，我将不胜感激。以下是函数（顺便说一句，这是一个组件文件）： const{minutes}=useStaticQuery（graphql` 质疑{ 分钟

我正在尝试使用GraphQL循环来自Sanity的数据。我已经设置了我的.map来循环更大的信息，并返回一个所有内容的数组，该数组运行良好；然而，当涉及到我的

.map

中的数组时，我似乎不知道如何正确地循环它们并显示数组中的每个数据行

我需要能够使用

.map

中的三个不同数据集执行此操作。这可能比我现在做的要容易，但如果有人能帮我打破这方面的心理迷雾，我将不胜感激。以下是函数（顺便说一句，这是一个组件文件）：

const{minutes}=useStaticQuery（graphql`
质疑{
分钟：所有健康分钟{
节点{
贡献者
结束时间（格式字符串：“h:mma[on]MM/DD/YYYY”）
身份证件
插入报告{
司库姓名
总平衡
鼻涕虫{
现在的
}
笔记
身份证件
dateGenerated（格式字符串：“MM/DD/YYYY”）
核定预算
费用{
金额
费用日
费用名称
时间框架
}
}
会议开始（格式字符串：“h:mma[日期]MM/DD/YYYY”）
成员{
…在卫生板上{
身份证件
电子邮件
电话
名称
}
…在健康热会员上{
新成员
}
}
名称
新业务
旧业
标签
电话会议
}
}
}
`);
const allMinutes=minutes.nodes；
控制台日志（所有分钟）；
返回(
{allMinutes.map（（分钟，索引）=>(
按以下顺序调用：{minute.name}
会议开始于：{minute.meetingStart}


有{minute.contributors}个成员贡献了代理
信息。


出席会议的有：*成员名单**


司库报告如下：{'}


司库：{'}
{minute.insertReport.treasurersName}


日期：{minute.insertReport.dateGenerated}


日期
地点
成本
时间框架


{minute.insertReport.expenses[index].dayof expense}
{minute.insertReport.expenses[index].name of expense}
{货币(
分钟.插入报告.费用[索引].金额费用
)}
{minute.insertReport.expenses[index].timeframe}


总余额：{'}
{formatMoney（minute.insertReport.totalBalance）}


注释：{minute.insertReport.Notes}


预算如图所示获得批准。




旧业务：

{minute.oldBusiness}


新业务：

{分钟。新业务}


会议于：{minute.endTime}结束


标记：{minute.Tags}
))}
);
}

映射返回一个数组，如下所示：


0: {…}

contributors: 8

endTime: "12:10am on 04/17/2021"

id: "-0512c8fe-6603-5ac2-84de-0b34befdcbb9"

insertReport: Object { treasurersName: "Margi Name", totalBalance: 4291189, notes: "Total does not include money that will be collected from HOA dues bill that was recently sent.", … }

meetingStart: "11:33pm on 10/14/2020"

members: (10) […]

0: Object { __typename: "SanityOtherMembers", newMember: "Carl and Katty Three" }

1: Object { __typename: "SanityOtherMembers", newMember: "Linn and Bill One" }

2: Object { __typename: "SanityOtherMembers", newMember: "Enrique Eight" }

3: Object { __typename: "SanityOtherMembers", newMember: "Dee Five" }

4: Object { __typename: "SanityOtherMembers", newMember: "Liz Six" }

5: Object { __typename: "SanityOtherMembers", newMember: "Dan and Diana Nine" }

6: Object { __typename: "SanityOtherMembers", newMember: "Paul and Pat Seven" }

7: Object { __typename: "SanityOtherMembers", newMember: "Bob and Betty Four" }

8: Object { __typename: "SanityOtherMembers", newMember: "Margi Name" }

9: Object { __typename: "SanityOtherMembers", newMember: "Tom Two" }

length: 10

<prototype>: Array []

name: "Johnny Five"

newBusiness: (3) […]

0: "Trash removal needs to be negotiated for the coming year. Kat Name offered to contact Sheila Noname from Grand Mesa Metro District to coordinate this service."

1: "New officers for the association that were voted on and approved are the following people: Randall One [President], Dee Two [Vice-President], Margi Three [Sec'y/Treasurer]"

2: "Design Review Committee: Example One [Chairman], Fred Two, Tom Three, Pat Four, Johnny Five, Phil Six, Carl Seven"

length: 3

<prototype>: Array []

oldBusiness: Array [ "See included treasurers report." ]

tags: Array [ "treasurers report, trash removal, new officers, design review committee, october, 14, 2020" ]

teleconference: true

<prototype>: Object { … }

length: 1

<prototype>: Array []
MinutesItemGrid.js:87


0: {…}

贡献者：8

结束时间：“2021年4月17日上午12:10”

id:“-0512c8fe-6603-5ac2-84de-0B34BEFDCB9”

insertReport:Object{treasuresname:“Margi Name”，totalBalance:4291189，notes:“总计不包括将从最近发送的HOA会费账单中收取的款项。”，…}

会议开始：“2020年10月14日晚上11:33”

成员：（10）[……]

0:对象{uuuuTypeName:“SanityThermembers”，新成员：“Carl and Katty Three”}

1：对象{uuu typename:“SanityThermembers”，newMember:“Linn和Bill One”}

2：对象{uuu typename:“SanityThermembers”，newMember:“Enrique八”}

3：对象{uuuu typename:“SanityThermembers”，新成员：“deeFive”}

4：对象{uuu typename:“SanityOtherMembers”，新成员：“LizSix”}

5：对象{uuuu typename:“SanityThermembers”，新成员：“Dan and Diana Nine”}

6：对象{uuuuTypeName:“SanityThermembers”，新成员：“Paul and Pat Seven”}

7：对象{uuuuTypeName:“SanityThermembers”，新成员：“Bob and Betty Four”}

8：对象{uuu typename:“SanityOtherMembers”，newMember:“Margi Name”}

9:对象{uuuu typename:“SanityO”

0: {…}

contributors: 8

endTime: "12:10am on 04/17/2021"

id: "-0512c8fe-6603-5ac2-84de-0b34befdcbb9"

insertReport: Object { treasurersName: "Margi Name", totalBalance: 4291189, notes: "Total does not include money that will be collected from HOA dues bill that was recently sent.", … }

meetingStart: "11:33pm on 10/14/2020"

members: (10) […]

0: Object { __typename: "SanityOtherMembers", newMember: "Carl and Katty Three" }

1: Object { __typename: "SanityOtherMembers", newMember: "Linn and Bill One" }

2: Object { __typename: "SanityOtherMembers", newMember: "Enrique Eight" }

3: Object { __typename: "SanityOtherMembers", newMember: "Dee Five" }

4: Object { __typename: "SanityOtherMembers", newMember: "Liz Six" }

5: Object { __typename: "SanityOtherMembers", newMember: "Dan and Diana Nine" }

6: Object { __typename: "SanityOtherMembers", newMember: "Paul and Pat Seven" }

7: Object { __typename: "SanityOtherMembers", newMember: "Bob and Betty Four" }

8: Object { __typename: "SanityOtherMembers", newMember: "Margi Name" }

9: Object { __typename: "SanityOtherMembers", newMember: "Tom Two" }

length: 10

<prototype>: Array []

name: "Johnny Five"

newBusiness: (3) […]

0: "Trash removal needs to be negotiated for the coming year. Kat Name offered to contact Sheila Noname from Grand Mesa Metro District to coordinate this service."

1: "New officers for the association that were voted on and approved are the following people: Randall One [President], Dee Two [Vice-President], Margi Three [Sec'y/Treasurer]"

2: "Design Review Committee: Example One [Chairman], Fred Two, Tom Three, Pat Four, Johnny Five, Phil Six, Carl Seven"

length: 3

<prototype>: Array []

oldBusiness: Array [ "See included treasurers report." ]

tags: Array [ "treasurers report, trash removal, new officers, design review committee, october, 14, 2020" ]

teleconference: true

<prototype>: Object { … }

length: 1

<prototype>: Array []
MinutesItemGrid.js:87