Публикации по теме 'react-i18next'
Локализация приложения React с помощью react-i18next
Одной из функций, запрошенных для моего личного приложения, было добавление нескольких языков! А именно немецкий и испанский. Поэтому я решил пойти дальше и изучить react-i18next .
Вот краткое описание от команды react-i18next того, для чего это нужно:
react-18next — это мощная платформа интернационализации для React/React Native, основанная на i18next
После этого краткого введения давайте продолжим и приступим к настройке!
Настройка
Для начала установим необходимые..
Вопросы по теме 'react-i18next'
Использование реакции i18next на все вложенные компоненты
У меня вопрос относительно многоязычной поддержки сложного приложения React . Все примеры и документация основаны на плоском приложении без вложенных/дочерних компонентов.
Как обращаться с данными, вложенными следующим образом:
<i18n>...
3749 просмотров
schedule
09.09.2022
как настроить response-i18n с хуками, получая TypeError: Cannot read property '0 of undefined'
При попытке настроить react-i18n с помощью хуков возникает эта ошибка
TypeError: Cannot read property '0' of undefined
Вот i18n.js
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next/hooks';
// import Backend...
2440 просмотров
schedule
27.04.2023
Я не могу перемещаться без навигационной опоры response-navigation с контейнером react-i18next
Я применяю пример навигации без навигационной опоры из документации по реакции-навигации ( NavigationService ), но не могу заставить его работать с react-i18next .
Я применил пример документации...
500 просмотров
schedule
10.10.2022
Средство выбора onValueChange () вызывается дважды
Я хочу поддержать локализацию с помощью response-18next. Этот компонент показывает Picker , устанавливает ключ LocalStorage (выбранный язык) и меняет язык приложения. Я заметил, что метод onValueChange вызывается дважды. Первый вызов (с...
2406 просмотров
schedule
28.04.2022
Как использовать прописные буквы в зависимости от языка HTML, динамически изменяемого с помощью React-Helmet
В своем приложении я меняю язык, нажимая кнопки. Теперь я хочу изменить и сделать некоторые слова прописными в зависимости от правил этого языка в верхнем регистре. Я попытался сделать это, динамически изменив атрибут <html/> lang. Мои...
194 просмотров
schedule
06.06.2022
i18next перевод вне компонента
Я новичок в i18next, пытаюсь локализовать / перевести сайт. Все работает для перевода внутри компонента, но снаружи (означает файлы json с i18n.t (), он не извлекает необходимую информацию, а показывает значение по умолчанию.
Я использую...
4961 просмотров
schedule
24.05.2023
Есть ли способ перевести ограничения валидации в формы React?
Я использую response-i18next для интернационализации, и я не могу найти никаких встроенных способов перевода ограничений валидации в формы React. Язык сообщений формы зависит от языка браузера и не меняется, если пользователь выбирает другой язык на...
1077 просмотров
schedule
18.03.2023
не удалось создать правильный экземпляр i18next, чтобы использовать его реагирующий компонент
Я пытаюсь создать экземпляр i18next. Но значение экземпляра отличается, потому что он не работает в компоненте React.
import i18n from 'i18next';
import { reactI18nextModule } from 'react-i18next';
import Backend from 'i18next-xhr-backend';...
849 просмотров
schedule
18.08.2022
Что означает «cimode» в react-i18next и почему он не задокументирован должным образом?
Я начал использовать react-i18next несколько дней назад и очень доволен. Тем не менее, я видел этот язык «cimode» здесь и там, в некоторых сообщениях и во время отладки, но понятия не имею, что это значит. Я искал повсюду, я думаю, и не могу найти...
707 просмотров
schedule
06.09.2022
Динамический контент внутри Trans Component i18next
У меня есть список переведенных ключей и содержимое компонентов реакции. например:
list = [{ translation: "Hello <1>World</1>", content: "Hello <a href='#'>World</a>" },
{ translation: "A <1>B</1>",...
3235 просмотров
schedule
08.06.2022
response-i18next: строки не переводятся
У меня была неприятная проблема с библиотекой react-i18next. Я просто не мог заставить библиотеку переводить строки в моем приложении.
Код был следующим:
App.tsx:
import i18n from 'i18next';
import { initReactI18next } from...
43 просмотров
schedule
21.06.2023
Как подойти к длинным текстам в именах клавиш для i18next?
При локализации контента с помощью i18next, какой подход к именованию ключ:значение предлагается для длинных абзацев текста? Я видел только примеры с короткими строками в документации и примеры, где строка ввода становится именем ключа.
Для текста...
41 просмотров
schedule
11.03.2023
response-i18next не переводит
Я попытался внедрить react-i18next в свое приложение для реагирования, но это не дает ... что я хочу, чтобы оно работало Консоль не показывает никаких ошибок. Он просто не переводится. У кого-нибудь была похожая проблема, и он может помочь мне...
521 просмотров
schedule
20.07.2023
Как добавить response-i18next в package.json, если кажется, что response-i18next зависит от i18next?
В официальных документах response-i18next говорится:
npm install react-i18next i18next --save
что добавит к package.json :
"dependencies": {
"i18next": "^19.4.5",
"react-i18next":...
34 просмотров
schedule
24.02.2022
Как определить сообщения с помощью react-i18next
Я хотел бы задать вопрос о том, предоставляет ли react-i18next способ определять сообщения как реакция-между
Я хочу сначала определить все свои сообщения, а затем использовать i18next-scanner для извлечения в файл json.
Заранее благодарим за...
105 просмотров
schedule
01.07.2023
react-i18next выдает ошибкуmissingKey только в сборке
Ниже мои index.js и i18next.js (конфиг для i18n)
index.js
import React, { Suspense } from 'react'
import i18n from './i18next'
import './i18next'
import ReactDOM from 'react-dom'
import App from './App'
import * as serviceWorker from...
137 просмотров
schedule
11.10.2022
Вызов дочерней функции в родительском с помощью i18next react
Я использовал React.createRef() для вызова дочернего метода, вот так
import Child from 'child';
class Parent extends Component {
constructor(props) {
super(props);
this.child = React.createRef();
}
onClick = () => {...
150 просмотров
schedule
20.01.2024
babel-plugin-i18next-extract - Извлекает ключи перевода за пределы компонента реакции
Я использую i18next , response-i18next и babel-plugin-i18next-extract .
У меня есть большой статический объект json. Этот объект json имеет статические ключи, соответствующие ключам перевода.
// file: professions.js
//
// Large array with...
163 просмотров
schedule
10.07.2022
Произошла ошибка при предварительной отрисовке страницы / 404: TypeError: res.writeHead не является функцией - Next Js
ошибка 404 - это когда время сборки, я использую следующий js
Терминал :
[===] Экспорт (0/3) Произошла ошибка при предварительной отрисовке страницы / 404. Подробнее: https://err.sh/next.js/prerender-error TypeError: res.writeHead не является...
1337 просмотров
schedule
20.09.2023
Изменить базу каталога локализации на элементе локального хранилища
На конкретном шаге в компоненте шагового двигателя React мне нужно изменить каталог в зависимости от языка шагов. К сожалению, на одном из этапов текст жестко вставлен в изображения, что требует от меня внесения этого изменения. Приложение...
32 просмотров
schedule
02.12.2023