问题标签 [react-localize-redux]

我正在使用react-bootstrap呈现我的选择下拉菜单，并且我正在尝试将自定义元素传递给选项。我需要在下拉列表中显示翻译值：

不幸的是，这呈现为[Object object]而不是翻译的值，我得到一个错误Only strings and numbers are supported as <option> children。

是否有一些替代元素我可以使用而不是<option>支持自定义元素而无需使用某些第三方库？

编辑：

以下代码（与官方文档中的代码几乎相同）引发异常translate is not a function：

我在 App.js 的路线中有一个 useEffect

在同一个文件（App.js）中，我们有这样的组件（使用 react-localize-redux）：

问题是我单击的每个链接都会运行 setActiveLanguage，即使我[]让它只在第一次渲染时运行（因为这是我唯一关心从 URL 设置语言的时间）我在应用程序的其他部分也遇到了这个问题。据我了解，useEffect 不应该在每次安装组件时都运行，除非它的依赖项发生变化，但似乎我错过了一个细节。

我正在创建一个 React 应用程序，我想使用 react-localize-redux 进行翻译，并使用 yup 进行验证。我的问题是理解如何组合它们。

我知道我可以将字符串传递给yup-require或函数，因为这是签名：

当我只传递一个字符串时，这非常有效，但是我不明白如何在导入后传递我的 react-localize-redux 的翻译

模块，我习惯使用 JSX 组件，例如

然后返回我翻译的字符串。我完全不知道。。

我的代码：

我在一个项目中使用 react-translate-redux 进行国际化，但我不知道如何在组件的属性中使用翻译。具体来说，我希望将组件的标题文本国际化。

我会尝试以下，

但是Type 'Element' is not assignable to type 'string'。

如何国际化标题文本？

有没有办法在减速器中使用 react-redux-localize 的翻译功能？

在此期间我得到：错误：您可能不会在减速器执行时调用 store.getState() 。reducer 已经接收到状态作为参数。从顶部减速器向下传递，而不是从商店中读取。

重要的软件包版本：

它可能与从另一个减速器中访问减速器状态有关， 但也许还有其他方法可以使用翻译功能？

我知道有一种方法可以传递翻译功能，但它看起来不是一个好的解决方案