import { keyFeatures } from 'common/data/AppClassic';
我是Next.js的新手，使用模板。
我至少成功地添加了i18n，我不想重建整个模板和组件…在AppClassic中已经有一个文件提供内容(图片，文本内容等)。我想到的最简单的事情就是复制这些文件，并将这些文件放在不同的子路径中，如'en/common/data/AppClassic'或'de/common/data/AppClassic'-然后以某种方式用动态locale const导入它或有条件地渲染它，因此，如果locale const为'en'，则导入一个文件，但如果const为'de'，则导入另一个文件。
const router = useRouter();
const { locale } = router;
import { keyFeatures } from { locale } + '/common/data/AppClassic';
有这样的方法吗?如果有，你能提供一些例子吗?因为我实际上不知道我在做什么。
我将非常感激。
您可以像下面的例子那样使用Next.js动态导入:
import dynamic from 'next/dynamic'
const DynamicComponent = dynamic(() =>
import('../components/hello').then((mod) => mod.Hello)
)
更多信息查看他们的官方文档:https://nextjs.org/docs/advanced-features/dynamic-import