如何选择基于nextJS 13和next intl语言的图片

bqucvtff 于 2023-05-28 发布在其他

关注(0)|答案(1)|浏览(138)

我正在使用NextJS 13.3和appDir开发应用程序。我想根据语言选择图片。下面是我的实现。但我不确定这是否是最佳做法。

import imgPL from '/public/images/myImage_pl.png';
import imgEN from '/public/images/myImage_en.png';
import { useLocale } from 'next-intl';

export default function Page() {
  const locale = useLocale();

  return (

    <Image src={locale==='pl' ? imgPL:imgEN} alt="" width={200} />
    
  );
}

这似乎是有效的，但我认为应该有更好的解决方案。

next.js

来源：https://stackoverflow.com/questions/76127955/how-can-i-choose-picture-based-on-the-language-with-nextjs-13-and-next-intl

1条答案

按热度按时间

db2dz4w81#

你的解决方案看起来很不错！
或者，如果您支持许多语言环境，您也可以通过以下方式引用图像而无需导入：

import { useLocale } from 'next-intl';

export default function Page() {
  const locale = useLocale();

  return (
    <Image src={`/images/myImage_${locale}.png` alt="" width={200} />
  );
}

赞(0）回复(0）举报 2023-05-28

我来回答

如何选择基于nextJS 13和next intl语言的图片

1条答案

相关问题

热门标签

最新问答