Могу ли я визуализировать другое изображение SVG на основе языка пользователя, используя i18next в React

Question

У меня есть изображение svg, импортированное как компонент React, например:

import {ReactComponent as img} from '../img/img_en.svg';

Но у меня также есть французская версия этого изображения, которую я хотел бы представить, когда пользователь выбирает французский в качестве языка.

import {ReactComponent as img} from '../img/img_fr.svg';

Есть идеи, как мне это сделать?Попытка заглянуть в него безуспешно.

Answer 1

Вы можете использовать динамический import на основе текущего языка, например,

const module = await import(`../img/img_${i18next.language}.svg;`);

https://developers.google.com/web/updates/2017/11/dynamic-import https://www.i18next.com/overview/api#language