Dechrau gyda
Gosod
I osod TacoTranslate yn eich prosiect, agorwch eich terfynell a llywiwch i gyfeiriadur gwreiddiol eich prosiect. Yna, rhedwch y gorchymyn canlynol i osod gyda npm:
npm install tacotranslate
Mae hyn yn cymryd bod gennych brosiect wedi’i sefydlu eisoes. Gwyliwch y enghreifftiau am fwy o wybodaeth.
Defnydd sylfaenol
Mae'r enghraifft isod yn dangos sut i greu cleient TacoTranslate, lapio eich cais gyda’r darparwr TacoTranslate
, a defnyddio’r cydran Translate
i ddangos trosiadau llinynnau.
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>
);
}
Mae'r enghraifft wedi'i sefydlu i ddefnyddio Sbaeneg (locale="es"
), felly bydd yr elfen Translate
yn dangos "¡Hola, mundo!".
Enghreifftiau
Ewch drosodd i ein ffolder enghreifftiau GitHub i ddysgu mwy am sut i sefydlu TacoTranslate yn benodol ar gyfer eich achos defnydd, megis gyda Next.js App Router, neu drwy ddefnyddio Create React App.
Mae gennym hefyd CodeSandbox wedi'i sefydlu y gallwch weld yma.