Liczba mnoga i interpolacja
Obsługa form liczby mnogiej zależnych od liczby oraz wstawianie dynamicznych wartości do przetłumaczonych ciągów.
Liczba mnoga i interpolacja to bezpłatna lekcja React Academy na CoddyKit. To lekcja 3 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej React Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs React Academy zawiera 4 lekcji w sumie.
Wprowadzenie
Podstawy interpolacji
// JSON: "greeting": "Hello, {{name}}!"
t('greeting', { name: 'Alice' }); // Hello, Alice!Wiele zmiennych interpolacji
// JSON: "summary": "You have {{count}} messages in {{folder}}"
t('summary', { count: 5, folder: 'Inbox' });
// You have 5 messages in InboxEscapowanie kodu HTML
Formy liczby mnogiej
// JSON:
// "item": "{{count}} item"
// "item_other": "{{count}} items"
t('item', { count: 1 }); // 1 item
t('item', { count: 5 }); // 5 itemsReguły liczby mnogiej zależne od języka
// Russian (ru):
// key_one, key_few, key_many, key_otherForma dla zera
// JSON:
// "messages_zero": "No messages"
// "messages_one": "{{count}} message"
// "messages_other": "{{count}} messages"
t('messages', { count: 0 }); // No messagesZagnieżdżone klucze z formami liczby mnogiej
// JSON: { "cart": { "items_one": "item", "items_other": "items" } }
t('cart.items', { count: 3 }); // itemsFormatowanie dat i liczb
t('lastSeen', { date: new Date(), formatParams: {
date: { month: 'long', day: 'numeric' }
}});Tłumaczenia zależne od kontekstu
// JSON: { "hero_male": "Hero", "hero_female": "Heroine" }
t('hero', { context: 'female' }); // HeroineSzybkie sprawdzenie
Podsumowanie
Następnie
Często zadawane pytania
Czy lekcja „Liczba mnoga i interpolacja” jest bezpłatna?
Tak — pełny tekst „Liczba mnoga i interpolacja” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu React Academy, przejdź na CoddyKit PRO. Kurs React Academy zawiera 4 lekcji w sumie.
Co nauczysz się w „Liczba mnoga i interpolacja”?
Obsługa form liczby mnogiej zależnych od liczby oraz wstawianie dynamicznych wartości do przetłumaczonych ciągów. Ćwiczysz React Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć React Academy?
Nie wymagamy żadnego doświadczenia. React Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 4.
Ile czasu zajmuje lekcja „Liczba mnoga i interpolacja”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji React Academy?
Tak. Każda lekcja React Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Konfiguracja react-i18next
- Używanie hooka useTranslation
- Liczba mnoga i interpolacja
- Przełącznik języka i leniwe ładowanie tłumaczeń