Question

我使用盖茨比创建了一个小网站。现在我有一个很简单的问题：

如何防止某些组件或语句重新补水？例如，如何将生成日期时间插入保持不变的页脚中？

import * as React from 'react'

interface FooterProps {
  className?: string
}

const Footer: React.FC<FooterProps> = ({ className }) => <footer className={className}>{new Date().toISOString()}</footer>

export default Footer

不幸的是，显示的时间始终是最新的，而不是页面生成的时间。

提前谢谢！

Answer 1

我不知道那是否有可能。但是Gatsby确实通过graphql查询提供了一种获取构建时间的便捷方法：

// index.js
import React from "react"
import { graphql } from "gatsby"

export default ({ data }) => (
  <h1>{`I'm built at ${data.site.buildTime}`}</h1>
)

export const query = graphql`
  {
    site {
      buildTime
    }
  }
`

防止Gatbsy中某些组件或语句的补液

1 个答案: