私は "redux"を使ったreactjsウェブサイトを構築していますそして反応局在化。各オブジェクトのプロパティ値が文字列値にマッピングされたjsonファイルに格納されたデータをロードする必要があります。この文字列値は次に、反応ローカライズを使用して変換されます。
私の問題は、このjsonファイルがインポートされていることです。私のコンポーネントの一つにし、ユーザーが "翻訳"ボタンをクリックしたときに私の文字列の値は正しい言語に変換されますが、オブジェクトのプロパティの値(文字列がマッピングされている)はまだ最初にあった言語になりますとしてインポート。
私の質問は、どうすればこれを処理できるかです。私の文字列の変更の値これは私が私のJSONファイルからインポートされたオブジェクトのプロパティを使用する私のコンポーネントに反映されますか? つまり、文字列の変更を正しく管理するにはどうすればよいですか。
私は上記のことが明確で、どんな助けでも大いに感謝されることを願っています!
私のサンプルJSONファイルtopics.js:
import { faqstrings } from "../strings/faq.js"
export const topics = [{
title: faqstrings.paymentQueries.title
}]
私の反応コンポーネント:
import { topics } from "./topics";
export default class Home extends React.Component {
.....
componentWillReceiveProps(nextProps) {
if (nextProps.language === "es") {
faqstrings.setLanguage("es");
} else {
jsStrings.setLanguage("en");
}
}
一度上記がfaqstringsの値を実行すると。paymentQueries.titleはそれに応じて更新されますが、トピック[0] .titleへの参照はインポート時に元の値を保持します。つまり、更新されません。
回答:
回答№1の場合は-1私はあなたがreduxに言語を保存してみるべきだと思います