i18next способы смены языка

@Gvizl · Регистрация: 31.01.2014

Я сделал два хелпера для создания компонента с переводом слова, всё работает.

Javascript

import moment from "moment";
import i18next from 'i18next';
import {Translation} from 'react-i18next';
import '../translate/i18n';
import React from 'react';
 
export const i18nextObject = i18next;
 
function registerHandlerT(props, t) {
    let text = t(props.text, props.obj);
    if (props.uppCase) text = text.toUpperCase();
    if (props.lowCase) text = text.toLowerCase();
    return text;
}
export default function T(props) {
    return (
        <Translation>
            {
                t => <>{registerHandlerT(props, t)}</>
            }
        </Translation>
    )
 
///смена языка в редаксе
 case SELECT_LANGUAGE: {
            moment.locale(action.language);
            i18nextObject.changeLanguage(action.language);
            return {
                ...state,
                language: action.language
            };
        }
}

Но мне интересно как можно ещё реализовать смену языка? Через хуки, withTranslation неудобно, ведь придётся к каждому компоненту это прописывать, а компонет Trans и I18nextProvider я не понимаю как использовать - первый не понимаю как юзать если в переводе только ключ и строка(а не так, что в строке ещё слова), а второй не понимаю как юзать.

@Gvizl · 06.12.2019, 21:50 **[ТС]**

Задача встала остро, т.к в placeholder инпута мне мой компонент с переводом не передать.

@Gvizl · 11.12.2019, 15:07 **[ТС]**

Решение - превращать компонент в строку и хранить язык в редаксе, что бы каждый раз вызывать рендер компонентов.

Javascript

1	ReactDOMServer.renderToString(<T text='maxWidthImage' obj={{width: sizeParams.widthMax}}/>)

@Gvizl 8 / 8 / 2 Регистрация: 31.01.2014 Сообщений: 464
	06.12.2019, 21:50 [ТС]	2
	Задача встала остро, т.к в placeholder инпута мне мой компонент с переводом не передать. 0

Опции темы