如何将Airtable集成到我的Gatsby JS项目中?

时间:2019-06-28 22:48:37

标签: javascript gatsby

我使用gatsbyJS已有一段时间了,现在我完全陷入了困境。

我使用了以下入门主题:https://github.com/gatsbyjs/gatsby-starter-blog

和我用来集成airtable的代码托管在这里:https://github.com/jlengstorf/gatsby-airtable/blob/master/src/pages/index.js

过去我确实可以运行它,但是现在我完全迷失了。这也是错误消息和我的代码:

enter image description here

import React from "react"
import { graphql } from "gatsby"

import Layout from "../components/layout"
// import SEO from "../components/seo"

export const query = graphql`

        {
        allAirtable(
            filter: { table: { eq: "Shows" } }
        ) {
            nodes {
             recordId
             table
             data {
               Titel
               Beschreibung
               Datum_Live
               Status
               Gast {
                 data {
                   Name
                   Beschreibung
                   Bild {
                     url
                   }
                 }
               }
            }
        }
    }
}
`

export default ({ data }) => (
        <Layout>
            <div>
                <h1>Plausch mit Paul - Alle Podcasts</h1>
                <ul>
                    {data.allAirtable.nodes.map(node => (
                        <li key={node.recordId}>
                            {node.data.Titel} mit
                            {node.data.Gast[0].data.Name} veroeffentlicht am {node.data.Datum_Live}
                            <img
                                style={{ width: "50px" }}
                                src={node.data.Gast[0].data.Bild[0].url}
                                alt={node.data.Gast[0].data.Name}
                            />
                        </li>
                    ))}
                </ul>
            </div>
        </Layout>
)

0 个答案:

没有答案