Блог

Я знаю, как использовать i18-next в компонентах react, но прямо сейчас я хочу импортировать некоторые данные из своего файла js или файла json, просто для разделения кода, но я не могу использовать функцию useTranslation в этих файлах, тогда что мне делать ? вот чего я хочу достичь.

data.js

 
export const slideInfo = [
    {
        id:1,
        img:"https://i.imgur.com/g2weSNQ.png",
        title:t{"title"} //how to use something like const { t } = useTranslation() at here
    },
    {
        id:2,
        img:"https://i.imgur.com/g2weSNQ.png",
        title:""
    },
    {
        id:3,
        img:"https://i.imgur.com/g2weSNQ.png",
        title:""
    },
]
 

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

Возможным решением было бы:

 export const getSlideInfo = (t) => [
  {
    id: 1,
    img: 'https://i.imgur.com/g2weSNQ.png',
    title: t('title'),
  },
  ...
];

const ReactComponent = () => {
  const { t } = useTranslation();
  const slideInfo = getSlideInfo(t);
};