React 快速入门

当您希望在 React 中使用 18ways 运行时而不使用 Next 特定的适配器层时，请使用此轨道。

安装

bash
npm 安装 @18ways/react

基础翻译

tsx
导入 { useState } 从 'react';
导入 {
  语言切换器,
  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>
  );
}

从那里，添加 useT()，嵌套上下文和自定义区域设置控制在使用页面中。

下一步：React 使用