0

ページの初期化時にクエリ パラメータにアクセスし、特定のページに強制的に画像をプリロードできるようにしようとしています。遅延ロードをオフにして、最初からすべてのイメージをロードしたいので、これは実際にはテストとスナップショット用です。ただし、 next/image では getInitialProps を使用できず、フックの使用が遅すぎます。

import { default as NextImage, ImageProps } from "next/image"

const Image = ({
  ...props
}) => {
  return (
      <NextImage
        {...props}
        priority={!!props.someQueryParam}
      />
  )
}

Image.getInitialProps = ({ query, ...rest }) => {
  console.info({ query })
  return { query }
}

export { Image }

InitaialProps画像コンポーネントの を取得できる方法があるのだろうか。

4

0 に答える 0