Множественное число и интерполяция
Обрабатывайте формы множественного числа на основе количества и вставляйте динамические значения в переведённые строки.
«Множественное число и интерполяция» — бесплатный урок React Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения React Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс React Academy содержит 4 уроков всего.
Добро пожаловать
Основы интерполяции
// JSON: "greeting": "Hello, {{name}}!"
t('greeting', { name: 'Alice' }); // Hello, Alice!Несколько переменных интерполяции
// JSON: "summary": "You have {{count}} messages in {{folder}}"
t('summary', { count: 5, folder: 'Inbox' });
// You have 5 messages in InboxЭкранирование HTML
Формы множественного числа
// JSON:
// "item": "{{count}} item"
// "item_other": "{{count}} items"
t('item', { count: 1 }); // 1 item
t('item', { count: 5 }); // 5 itemsПравила множественного числа для разных языков
// Russian (ru):
// key_one, key_few, key_many, key_otherФорма для нулевого количества
// JSON:
// "messages_zero": "No messages"
// "messages_one": "{{count}} message"
// "messages_other": "{{count}} messages"
t('messages', { count: 0 }); // No messagesВложенные ключи с формами множественного числа
// JSON: { "cart": { "items_one": "item", "items_other": "items" } }
t('cart.items', { count: 3 }); // itemsФорматирование дат и чисел
t('lastSeen', { date: new Date(), formatParams: {
date: { month: 'long', day: 'numeric' }
}});Переводы с учётом контекста
// JSON: { "hero_male": "Hero", "hero_female": "Heroine" }
t('hero', { context: 'female' }); // HeroineБыстрая проверка
Итоги
Далее
Часто задаваемые вопросы
Урок «Множественное число и интерполяция» бесплатный?
Да — полный текст урока «Множественное число и интерполяция» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс React Academy, подпишись на CoddyKit PRO. Курс React Academy содержит 4 уроков всего.
Чему я научусь в уроке «Множественное число и интерполяция»?
Обрабатывайте формы множественного числа на основе количества и вставляйте динамические значения в переведённые строки. Ты практикуешь React Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать React Academy?
Предыдущий опыт не требуется. React Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Множественное число и интерполяция»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке React Academy?
Да. Каждый урок React Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Настройка react-i18next
- Использование хука useTranslation
- Множественное число и интерполяция
- Переключатель языка и отложенная загрузка переводов