React i18n không có khóa dịch

Hầu hết các thư viện React i18n hoạt động với các khóa dịch. Bạn thay thế từng đoạn văn bản trong ứng dụng của mình bằng một khóa, giữ một tệp dịch cho mỗi ngôn ngữ và tra cứu văn bản phù hợp khi chạy. Với Magic Translate, bạn viết văn bản của mình bằng ngôn ngữ của riêng bạn và AI dịch nó khi trang được hiển thị.

Cách hoạt động của i18n với các khóa dịch

Với thư viện dựa trên khóa, một nút đơn giản trông như thế này:

// en.json
{ "checkout.button": "Continue to payment" }

// de.json
{ "checkout.button": "Weiter zur Zahlung" }

// Checkout.tsx
<button>{t('checkout.button')}</button>

Mỗi đoạn văn bản mới cần một khóa và một bản dịch trong mỗi tệp ngôn ngữ. Khi bạn thay đổi văn bản tiếng Anh, các ngôn ngữ khác sẽ lỗi thời cho đến khi ai đó cập nhật bản dịch.

Nút tương tự không có phím

Với Magic Translate, văn bản vẫn ở vị trí của nó:

import { T } from '@magic-translate/react';

<button>
  <T>Continue to payment</T>
</button>

Không có tệp ngôn ngữ để duy trì. Khi bạn thay đổi văn bản, phiên bản mới sẽ được dịch vào lần tiếp theo nó được hiển thị và bản dịch được lưu trong bộ nhớ cache kể từ đó trở đi.

Bắt đầu

Đăng ký Magic Translate và nhận khóa API của bạn. Gói miễn phí bao gồm 5.000 ký tự mỗi tháng.
Cài đặt ứng dụng khách và gói ứng dụng của bạn trong MagicTranslateProvider, như được hiển thị trong hướng dẫn React.
Bọc văn bản của bạn trong <T>. Đối với props và thuộc tính, sử dụng useT hook.

import { MagicTranslateProvider, T, Language } from '@magic-translate/react';

const App = () => (
  <MagicTranslateProvider apiKey="<your-api-key>" language={Language.FR}>
    <h1>
      <T>Welcome to our shop</T>
    </h1>
  </MagicTranslateProvider>
);

Nếu bạn render trên máy chủ, hãy sử dụng React SSR thay thế, vì vậy các công cụ tìm kiếm và người dùng sẽ được dịch HTML đầy đủ.

Khi các khóa dịch vẫn là lựa chọn tốt hơn

Bản dịch AI là tốt, nhưng nó không được xem xét bởi một người. Nếu mọi từ trong ứng dụng của bạn phải được người dịch chấp thuận, ví dụ như đối với văn bản pháp lý hoặc y tế, thư viện dựa trên khóa với bản dịch của con người sẽ cung cấp cho bạn quyền kiểm soát đó. Nhiều ứng dụng kết hợp cả hai: Magic Translate cho hầu hết giao diện và các văn bản được xem xét ở những nơi quan trọng.

Câu hỏi thường gặp

Bản dịch có đủ nhanh không?

Bản dịch đầu tiên có thể mất vài giây. Sau đó, nó được lưu trong bộ nhớ cache và mất 100 đến 300 ms. Với React SSR, các bản dịch diễn ra trên máy chủ, vì vậy người dùng nhận được một trang đã được dịch.

Nó có giá bao nhiêu?

Việc sử dụng được tính bằng ký tự đã dịch mỗi tháng và văn bản đã được dịch sẽ không được tính lại. Xem cách tính toán mức sử dụng và giá cả.

Ngôn ngữ nào được hỗ trợ?

Trên 70. Xem danh sách đầy đủ các ngôn ngữ được hỗ trợ.