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ế mọi văn bản trong ứng dụng của mình bằng một khóa, giữ một tệp bản dịch cho mỗi ngôn ngữ và tra cứu văn bản phù hợp khi chạy. Magic Translate bỏ qua tất cả những điều đó: bạn viết văn bản của bạn bằng ngôn ngữ của riêng bạn và nó được dịch 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 văn bản mới có nghĩa là một khóa mới, một mục nhập trong mỗi tệp ngôn ngữ và một bản dịch cho mỗi 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 đó dịch lại chúng.

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

Dịch máy 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ủa một văn bả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 không bao giờ chờ đợi chúng.

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ợ.