Reactアプリでのi18n対応(国際化/多言語対応)にi18nextを使ってみる - at backyard

これはi18n対応のために i18next と react-i18next を使ってみた備忘録となる。 目次 目次 Reactアプリでのi18n対応(国際化/多言語対応)にi18nextを使ってみる react-intlとi18next サンプルアプリの雛形生成 create-react-appでブラウザが勝手に立ち上がらないようにする react-i18nextのセットアップ HOCで使う場合はwithTranslationを使う hookで使う場合はuseTranslationを使う namespacesについて translation というnamespaceの挙動について translationを言語のテキストファイルに含めたくない場合 言語を切り替える機能を実装する 翻訳した言語の管理方法 Transを用いて、HTMLタグが使われている箇所を多言語化する addResourceB