React-intlで多言語化 ~ Redux + redux-sagaで言語設定をredux内で取得する | WP-kyoto

react-intelを使うとサイトの多言語化がいいかんじにできます。 ただ、reduxの処理内に書いたテキストを翻訳するためのAPIとかはありません。redux向けに作られたものではないので当然ですよね。 reducerに言語設定を入れる とりあえずredux内で扱えるようにデータを入れましょう。まずはアクションを作ります。 export function updateLanguage(lang = 'ja') { return { type: 'UPDATE_LANG', lang, }; } 続いてreducerを用意します export function lang(state = 'ja', action) { switch (action.type) { case 'UPDATE_LANG': return action.lang; default: return state;