Предотвратить регидратацию для определенных компонентов или утверждений в Gatbsy

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
    }
  }
`