如何以编程方式从单个csv文件创建页面

Question

我正在尝试使用Gatsby和一个csv文件作为简单数据库来创建一个简单的词汇表网站。我在示例的帮助下使用了gatsby-transformer-csv插件，并设法创建了页面，但无法提取模板文件中每个页面中的数据。

我在页面模板文件中使用了此字段，field1：是csv文件中的第一个值（word），而field2是第二个值（定义）。但是它一直显示错误消息。

import { graphql } from "gatsby"
import React from "react"
import Layout from '../components/layout';

export default ({ data }) => {
    const post = data.GlossaryCsv;
    const word = post.field1;
    const def = post.field2;
    return (
        <Layout>
                <h1> { word } </h1>
                <h4> { def } </h4>
        </Layout>
    )
}

export const query = graphql`
  query($slug: String!) {
            glossaryCsv(fields: { slug: { eq: $slug } }) {
            field1
            field2
        }
        }`