Question

我正在建立一个使用redux和react-localization的reactjs网站。我必须加载存储在json文件中的数据，每个对象属性值都映射到一个字符串值，然后使用react-localization转换。

我的问题是这个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的任何引用在导入时仍将具有其原始值，即不会更新

Answer 1

我认为您应该尝试将该语言存储在redux

中

从json文件导入时如何处理字符串转换更改？

1 个答案: