การผันรูปพหูพจน์และการแทนค่า
จัดการรูปพหูพจน์ตามจำนวนและแทรกค่าแบบไดนามิกลงในข้อความที่แปลแล้ว
การผันรูปพหูพจน์และการแทนค่า เป็นบทเรียน React Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 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ตรวจสอบอย่างรวดเร็ว
สรุปทบทวน
บทเรียนถัดไป
คำถามที่พบบ่อย
บทเรียน “การผันรูปพหูพจน์และการแทนค่า” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การผันรูปพหูพจน์และการแทนค่า” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส React Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส React Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การผันรูปพหูพจน์และการแทนค่า”
จัดการรูปพหูพจน์ตามจำนวนและแทรกค่าแบบไดนามิกลงในข้อความที่แปลแล้ว คุณปฏิบัติ React Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน React Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน React Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “การผันรูปพหูพจน์และการแทนค่า” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน React Academy นี้ได้ไหม
ได้ บทเรียน React Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การตั้งค่า react-i18next
- การใช้ฮุก useTranslation
- การผันรูปพหูพจน์และการแทนค่า
- ตัวสลับภาษาและการโหลดคำแปลแบบ Lazy