Публикации по теме 'react-intl'
Эй, Марсель,
Эй, Марсель,
Вероятно, я написал вводящую в заблуждение документацию (все еще работаю над этим), но jsLingui — это не только литеральный синтаксис шаблона. Вы также можете использовать компоненты React так же, как react-intl. Вот статья сравнение react-intl и jsLingui .
Кроме того, я работал над проектами, в которых в качестве идентификаторов использовались как message.id, так и сообщения, и в этом нет святого Грааля. Оба решения имеют свои плюсы и минусы, но я не об этом. Я просто..
Приложение React с интернационализацией
Чтобы создать новое приложение React с поддержкой интернационализации с помощью react-intl , вы можете выполнить следующие действия.
Установите библиотеку react-intl и создайте-реагируйте-приложение, выполнив следующую команду:
npm install react-intl create-react-app
2. Создайте новое приложение React, используя create-react-app:
npx create-react-app my-app
3. Перейдите в каталог проекта:
cd my-app
4. Добавьте в свой проект библиотеку react-intl , выполнив следующую..
Вопросы по теме 'react-intl'
Компонент FormattedNumber из react-intl не работает
Я пытаюсь использовать компонент FormattedNumber из библиотеки react-intl , но не могу заставить его работать.
<IntlProvider
locale="en-US"
messages={locales['en-US']}
>
<div>
<FormattedNumber value={123456}...
1324 просмотров
schedule
29.10.2021
Есть ли способ получить доступ к текущему языку с помощью React-Intl?
Мне было интересно, есть ли способ получить доступ к текущему установленному языку с помощью React-Intl?
Скажем, я создаю это:
render() {
return (
<IntlProvider locale="en">
<App>
</IntlProvider>
);
}
В...
17121 просмотров
schedule
25.09.2021
Поддерживает ли React-intl преобразование названий стран в зависимости от местоположения?
Я пытаюсь отобразить список названий стран на основе локали. Например, допустим, у нас есть следующий список стран:
United States, China, Japan, and France.
и вы являетесь клиентом, просматривающим мой веб-сайт. Если языковой стандарт вашей...
1787 просмотров
schedule
27.10.2021
React-Intl: доступ к formatMessage во вложенном компоненте
Вопрос прост, и я не могу поверить, что не могу найти решение (без контекста) для такой простой ситуации.
Я использую react-intl. У меня есть App.jsx с дочерним компонентом Index.jsx с SideBar.jsx с CreateNewSomething.jsx.
Во всех компонентах...
2695 просмотров
schedule
16.09.2021
React Intl - Невозможно прочитать свойство formatMessage из undefined
....
const func1 = (intl) => {
const text = intl.formatMessage({id: 'mesage'});
const func2 = () => {
return {
<div>.....
placeholder={text}</div>
};
};
return {
<div>........
4298 просмотров
schedule
12.03.2022
React-Intl: сообщение не форматируется в Safari
У меня есть такой перевод:
{count, number} {count, plural, one {Kundenbewertung} other {Kundenbewertungen}}
В Chrome он отлично отображает 23 Kundenbewertungen , но в Safari он отображает строку перевода и выдает ошибку
Сообщение об ошибке...
995 просмотров
schedule
12.03.2022
babel-plugin-react-intl: извлекает строки в один файл
В настоящее время при использовании babel-plugin-react-intl для каждого компонента создается отдельный json с идентификатором, описанием и defaultMessage. Мне нужно создать только один json, который содержит один объект со всеми идентификаторами в...
5230 просмотров
schedule
21.03.2022
Какой формат локали использует React Intl?
Согласно документации React Intl, чтобы добавить поддержку определенного языка в ваше приложение, вам необходимо импортировать соответствующий языковой файл из каталога locale-data/ и передать его функции React Intl с именем addLocaleData() ....
3805 просмотров
schedule
30.06.2022
Подавать переводы с помощью react-intl
Проект, над которым я сейчас работаю, использует react-intl для обработки i18n, и я заметил, что компоненты получают отформатированное сообщение тремя разными способами:
Использование компонента: <FormattedMessage id="MessageId"...
35 просмотров
schedule
01.07.2022
избыточная форма перемонтируется всякий раз, когда запускается действие обновления react-intl
У меня есть приложение и редукционная форма, живущие внутри компонента IntlProvider , например:
<IntlProvider>
<Form />
</IntlProvider>
проблема в том, что всякий раз, когда я пытаюсь изменить значение локали, вызывая...
377 просмотров
schedule
22.07.2022
Как получить строку в ReactIntl 2.0 без использования FormattedMessage
Пожалуйста, поправьте меня, если я ошибаюсь, FormattedMessage в ReactIntl возвращает строку, обернутую тегами span. В ReactIntl 1.2 у нас есть возможность использовать this.getIntlMessage('key') для получения только строковой части.
Вот мой...
11906 просмотров
schedule
02.09.2022
React Intel и i18next React-Native
Я создаю многоязычное приложение с React-Native, я немного запутался в выборе библиотеки интернационализации, и путаница возникает между двумя библиотеками. Одна — React-intel, а другая — React-i18. Далее я говорю об этом с несколькими разработчиками,...
387 просмотров
schedule
03.09.2022
Есть ли способ получить текущее значение intl вне компонента реакции
можем ли мы получить текущее значение intl (locale) вне компонента реакции?
const locales = {
locale: 'en',
messages: {},
};
import { IntlProvider, addLocaleData } from 'react-intl';
//below is for creating
const intlProvider = new...
254 просмотров
schedule
27.09.2022
Внедрение объекта response-intl в смонтированные компоненты Enzyme для тестирования
РЕДАКТИРОВАТЬ: Решено! Прокрутите вниз, чтобы найти ответ
В наших тестах компонентов нам нужно, чтобы они имели доступ к контексту react-intl . Проблема в том, что мы монтируем отдельные компоненты (с помощью _2 _ ) без их...
14081 просмотров
schedule
23.06.2023
Каковы преимущества использования babel-plugin-react-intl?
Я пытался изучить и понять react-intl библиотеку, и я столкнулся с babel-plugin-react-intl библиотекой. Вот такое описание на странице библиотеки;
Extracts string messages for translation from modules that use React Intl.
Интересно, какие...
1392 просмотров
schedule
09.07.2023
react-intl vs react-i18next для интернационализации ReactJS (i18n)
Мне нужно создать многоязычное приложение с использованием ReactJS. Приложению нужен собственный словарь для разных языков, а также автоматическое форматирование даты/времени, чисел и валюты.
Из всего, что я видел, есть две очень популярные...
26894 просмотров
schedule
13.12.2022
react-intl с переключателем языка Redux
Я пытаюсь сделать переключатель языка с помощью react-inlt и redux, но когда я пытаюсь переключиться, то представление не отображается (‹ FormattedMessage> не меняется), но работает redux и локаль в ‹ IntlProvider> изменяется . У меня нет никакой...
1756 просмотров
schedule
11.11.2022
expo react-native response-navigation react-intl как инициировать обновление сообщений после разрешения языкового стандарта пользователя
Я использую expo, react-native, redux, react-navigation и react-intl. В Expo есть эта асинхронная функция Localization.getCurrentLocaleAsync() для асинхронного получения локали. Я столкнулся с проблемой распространения изменений локали и сообщений...
720 просмотров
schedule
12.06.2023
Как использовать injectIntl из react-intl и typescript вместе?
Я пытаюсь использовать injectIntl из react-intl с таким машинописью (что соответствует тому, что я нашел в ответах на другие вопросы):
import { injectIntl, InjectedIntlProps } from "react-intl";
interface Props {
certificate?:...
2547 просмотров
schedule
12.05.2023
Как мы можем использовать язык, которого нет в response-intl?
Я не могу найти код языка "ch", или, чтобы быть более общим , можем ли мы использовать наш собственный язык с помощью response-intl
В качестве обходного пути я использовал локальные данные другого языка для деформации
38 просмотров
schedule
24.06.2023