React リファレンス

Ways

Root props

共通のルートプロパティ:

プロップタイプノート
apiKey文字列必須です。
ロケール文字列現在のターゲットロケール。
baseLocale文字列ソースロケール。
persistLocaleCookieブールルートランタイムのデフォルトのロケールクッキーポリシー。
コンテキスト文字列 | オブジェクトオプションのルートコンテキスト。
cacheTtl番号翻訳リクエストのキャッシュTTL。
メッセージフォーマッター'waysParser' | 'none' | fnパーサーまたはフォーマッターのオーバーライド。
suspenseTimeoutMs番号フォールバックレンダリングが継続される前に許容される最大レンダーブロック時間。
フェッチャーfetchの型カスタムフェッチ実装。
acceptedLocales文字列[]オプションの明示的なロケールリスト。

Scoped props

ネストされたスコープは受け入れます:

プロップタイプノート
コンテキスト文字列 | オブジェクト必須です。
ロケール文字列利用可能ですが、分離されたロケールセッションにはネストされたルートを使用してください。
baseLocale文字列サブツリーに対するオプションのソースロケールの上書き。
コンポーネントRecord<string, component>翻訳可能なコンテンツ内で使用されるコンポーネント。

T

T は JSX 優先の翻訳プリミティブです。

プロップタイプノート
子供たちReactNode必須です。
varsRecord<string, unknown>補間入力。
コンテキスト文字列 | オブジェクトオプションのリーフコンテキストのオーバーライド。
コンポーネントRecord<string, component>リッチコンテンツのためのコンポーネントマッピング。
固定ブール固定されたブランドのようなコンテンツの翻訳をスキップします。

useT()

useT() は、文字列、属性、およびロジックのための翻訳関数を返します。

tsx
const t = useT();
const label = t('Save changes');

ランタイムフック

useTranslatedMemo()

翻訳が変更されると再計算されるメモ化された値。

useTranslationLoading()

現在のコンテキストがまだ読み込まれている間は true を返します。

useCurrentLocale()

現在のルートランタイムの選択されたロケールを読み取ります。

useTargetLocale()

現在のスコープに対する、アクティブなターゲットロケールを読み取ります。

useBaseLocale()

現在のルートランタイムのソースロケールを読み取ります。

useSetCurrentLocale()

ルートランタイムロケールのセッターを返します。

useAcceptedLocales()

ルートランタイムから解決済みの承認ロケール一覧を読み取ります。

LanguageSwitcher

共通のプロパティ:

プロップタイプノート
currentLocale文字列制御されたロケール。
onLocaleChange(ロケール) => void変更ハンドラー。
方向'上' | '下'メニューの方向。
スタイル / クラス名オブジェクトスタイリングのオーバーライド。
スタイルなしブール組み込みスタイルを無効にします。

Utility exports

@18ways/react は次のものも再エクスポートします:

  • fetchAcceptedLocales
  • fetchConfig
  • resolveOrigin
言語を変更中
React リファレンス