Gatsby JS中的SEO中的条件图片

如何解决Gatsby JS中的SEO中的条件图片

我在Gatsby JS中遇到SEO问题。我在SEO.jsx文件中添加了以下代码。我遇到了SEO图片问题。当我在页面上调用SEO组件而没有调用 pageImage 时，则图像未显示。然后，我检查了源代码，仅显示了站点链接，而在 pageImage 的位置显示了未定义。

<Meta name="image" content={`${siteUrl}${pageImage}` || `${siteUrl}${image}`} />

但是我想要，如果不调用 pageImage ，则会调用默认的 image ，并且会有一个图像。我怎样才能做到这一点？我在此代码中有什么错误？

解决方法

尝试：

  Private Sub OpenDatabase()
    mCn = New SqlConnection(Config.SQLConnectionString)
    If mCn.State <> ConnectionState.Open Then
      mCn.Open()
    End If
  End Sub

您只需要简单地在模板文字中移动条件（在这种情况下为三进制）即可。您控制的值为 <meta name="image" content={`${siteUrl}${pageImage ? pageImage : image}` /> ，如果存在，它将呈现它；如果不存在，它将使用pageImage。