问题标签 [react-intl]

我无法安装 react-intl。它不断抛出错误

├── 未满足的对等依赖 react@0.13.3 └── react-intl@2.1.3

npm WARN react-dom@15.3.0 需要 react@^15.3.0 的对等点，但没有安装。
npm WARN react-intl@2.1.3 需要一个 react@^0.14.0 || ^15.0.0-0 但没有安装。
npm WARN react-native@0.30.0 需要 react@~15.2.0 的对等点，但没有安装。

这是我的 package.json

我想在我的 React 代码中引用相同键的多语言区域设置数据。怎么做？

例如，在像 Ruby on Rails 这样的另一个方案中，我们可以获取预期的语言环境数据，如下所示：

I18n.available_locales.map { |locale| I18n.t('hello', locale: locale) }

在上述情况下，当I18n.available_locales等于 时['en', 'ja']，我们可以获取相同键的英语和日语语言环境数据。

在 react-intl 中，IntlProvider组件已经有语言环境的上下文（比如enor ja）所以我想知道我该怎么做。

问候，

我的应用程序有多个语言环境（it、en）。

我需要翻译所有路线。例如，我有具有路径的条款和条件页面（每个语言环境一个）：

• it/termini
• en/terms

我需要做的不是这样的事情：

正如您所看到的，这个时髦的解决方案对于应用程序的可伸缩性并不是那么好。

我需要使用 react-intl 使用不同的分隔符显示日期。到目前为止我有这个

这会呈现日期8/12/2016，但我需要像这样显示8-12-2016。FormattedDate 如何做到这一点？还是我应该使用不同的方法？

我正在开发一个在服务器端和客户端呈现的反应通用应用程序。该应用程序在 Chrome 上运行 #1，但在 Safari 上，react-routerLink只是重新渲染整个应用程序并执行 http 请求。

应用程序正确呈现，但是当它在 Chrome 中完美运行时，链接不会在 Safari 中进行转换。

这是我的 routing.js 文件，它是一个 expressjs 中间件

这是我app.js的客户端渲染

当我console.log都在两者中，一切都很好。没有错误，服务器和客户端都没有错误。链接只是不想触发历史更改并进行应用程序更改。

如果重要的话，我也会使用 react-router-redux，我只是更新了软件包以检查它们是否可以工作，但没有任何改变。

我刚刚深入研究了 DOM 以查看单击事件是如何绑定的，并且我看到 Safari 中的链接错过了来自ReactEventListener.js.

http://imgur.com/a/GA7bI

谢谢您的帮助！

我正在使用 React 制作一个多语言通用应用程序，我很难找到处理语言环境数据的最佳方法。该应用程序将提供 16 种语言版本，并且翻译的消息量非常大，所以我无法将所有消息加载到一个大 json 中（因为它在大多数 react-intl 示例中使用），我不能在 webpack 生成的包中导入这些消息，我只需要按需加载用户语言消息。当应用程序仅在客户端运行时，我能够做到这一点，但我也需要它也可以在服务器端运行。我使用 express 进行服务器端渲染，使用 webpack 进行捆绑。任何人都可以帮助找出解决这个问题的最佳方法吗？

我正在使用 React Intl 进行内部化，并且必须编写才能在 render() 方法中this.props.intl.formatMessage({id: 'some.message.id'}, values) 获取翻译后的字符串。现在，装饰器应该如何为此提供快捷功能，以便我可以做类似_t('some.message.id', values)或类似的事情？

我知道我可能只是编写另一个扩展 React.Component 的类或将组件包装在另一个类中或任何其他类中，但如果可能的话，我想使用装饰器（出于学习和理解目的）来完成。

我不确定如何从中获取值

成占位符格式，如输入：

因为它将在实际占位符中返回 [Object object]。有没有办法获得实际的正确值？

我最近使用 create-react-app 初始化了一个反应应用程序。我弹出了应用程序，现在我将所有文件都导出到了我的主目录。这个设置创建了一个 babel.dev.js 而不是使用 .babelrc（它使用 babel-loader）。

我试图弄清楚如何在没有 .babelrc 文件的情况下配置 react-intl 和 babel-plugin-react-intl 。

文档说 .babelrc 被推荐

通过 .babelrc（推荐）

.babelrc

使用 babel-loader 有这种行为的语法是什么？现在 babel.dev.js 中的插件看起来像这样：

我的组件目前的字符串定义如下：