React クイックスタート

Next固有のアダプターレイヤーなしで、Reactで18waysランタイムを使用したいときは、このトラックを使用してください。

インストール

bash
npm install @18ways/react

基本的な翻訳

tsx
import { useState } from 'react';
import {
  LanguageSwitcher,
  Ways,
  T,
} from '@18ways/react';
 
export function App() {
  const [locale, setLocale] = useState('fr-FR');
 
  return (
    <Ways
      apiKey="YOUR_18WAYS_PUBLIC_API_KEY"
      locale={locale}
      baseLocale="en-GB"
      context="app"
    >
      <LanguageSwitcher
        currentLocale={locale}
        onLocaleChange={setLocale}
      />
      <Ways context="checkout.button">
        <T>Pay now</T>
      </Ways>
    </Ways>
  );
}

そこから、UsageページにuseT()、ネストされたコンテキスト、およびカスタムロケールコントロールを追加します。

次: Reactの使用