GATSBY：類型錯誤：無法讀取未定義的屬性“包含”

Question

我在過濾這篇文章中列出的投資組合網站中的圖像時遇到了一些麻煩……

這是我不斷收到的錯誤： “類型錯誤：無法讀取未定義的屬性‘包含’”

有誰知道這可能是為什么？

圖片查詢：

query {
  images: allFile (
    filter: { ext: { eq: ".jpg" } },
    sort: { order: ASC, fields: [relativePath] }
  )
  {
        edges {
        node {
        fields {
            imgslug
        }
        relativeDirectory
        id
        childImageSharp {
          fixed(width: 100) {
            src
          }
        }
        }
    } 
  }
}

圖像顯示腳本：

{data.images.edges.filter((node) => node.relativeDirectory.includes(data.images.edges.node.fields.imgslug)).map(image => {
   return (
      <Img key={image.id} fixed={image.childImageSharp.fixed}/>
   )
})}

Answer 1

includes循環根據條件返回布爾值、 true或false 。 你可能想使用類似的東西：

{data.images.edges.map((node) => {
   if(node.relativeDirectory.includes(data.images.edges.node.fields.imgslug){
     return <Img key={image.id} fixed={image.childImageSharp.fixed}/>
   }
})}