【问题标题】:Using react-redux with i18next?将 react-redux 与 i18next 一起使用?
【发布时间】:2018-12-05 16:24:23
【问题描述】:

我的项目需要翻译成多种不同的语言,所以我选择了i18next 来管理我的 react 应用程序中的翻译。我是 react 生态系统的新手,所以请多多包涵。

我的 react 应用程序有嵌套组件,据我了解,我需要从 i18next provider 递归传递道具。用 redux 管理 props 不是更容易吗?因为我可以简单地将道具映射到应用程序的状态,而无需沿着这些道具串起。也可以使用减速器来管理当前的语言环境。

【问题讨论】:

    标签: reactjs i18next


    【解决方案1】:

    重点不是所有东西都必须进入 redux 状态。 i18next 已经拥有所有的翻译和语言(状态)。

    它的作用是传递一个翻译函数(它不能被置于 redux 状态)-> 因为 i18next 本身持​​有状态,所以不需要向它传递语言和消息(就像你对 redux 所做的那样州)。

    I18nextProvider 只通过上下文传递 i18n 实例。提供的 translate HOC 或 I18n 渲染道具可以选择通过 xhr 加载翻译,并确保在渲染之前加载这些翻译(如果您预加载所有翻译或将它们与您的应用程序捆绑 - 不需要它们,您可以直接使用导入的i18next)。

    【讨论】:

      猜你喜欢
      • 2022-06-10
      • 2019-02-05
      • 2017-12-09
      • 2018-06-10
      • 1970-01-01
      • 1970-01-01
      • 2018-02-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多