เริ่มต้นใช้งาน
การติดตั้ง
ในการติดตั้ง TacoTranslate ในโครงการของคุณ ให้เปิดเทอร์มินัลของคุณและไปที่ไดเรกทอรีรูทของโครงการของคุณ จากนั้น ให้รันคำสั่งต่อไปนี้เพื่อติดตั้งด้วย npm:
npm install tacotranslate
ข้อความนี้สมมติว่าคุณมีโปรเจกต์ตั้งค่าไว้แล้ว ดูตัวอย่าง สำหรับข้อมูลเพิ่มเติม
การใช้งานพื้นฐาน
ตัวอย่างด้านล่างนี้แสดงวิธีการสร้างลูกค้า TacoTranslate, ห่อหุ้มแอปพลิเคชันของคุณด้วยผู้ให้บริการ TacoTranslate
และใช้คอมโพเนนต์ Translate
เพื่อแสดงสตริงที่แปลแล้ว
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Page() {
return <Translate string="Hello, world!" />;
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} locale="es">
<Page />
</TacoTranslate>
);
}
ตัวอย่างถูกตั้งค่าให้ใช้ภาษาสเปน (locale="es"
) ดังนั้นคอมโพเนนต์ Translate
จะส่งออก "¡Hola, mundo!".
ตัวอย่าง
ไปที่ โฟลเดอร์ตัวอย่าง GitHub ของเรา เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการตั้งค่า TacoTranslate ให้เหมาะกับการใช้งานของคุณโดยเฉพาะ เช่น การใช้กับ Next.js App Router หรือการใช้ Create React App
เรายังมี CodeSandbox ที่ตั้งค่าไว้ซึ่งคุณสามารถ ดูได้ที่นี่ ด้วยเช่นกันครับ/ค่ะ