npm - 使用 React-Intl，如何修复错误“未捕获的 ReferenceError：没有命名的日期格式：未定义”？

Question

雅虎开源了一组不错的 JavaScript 国际化工具，他们称之为 FormatJS。

FormatJS指南提到日期带有默认格式short、medium和.longfull

FormatJS 为 Dust、Handlebars 和 React 提供集成。

在 npm 管理的环境中使用 React mixin ( React-Intl) 时，我似乎无法格式化数字。

从我的组件中，我调用

this.formatDate(this.props.guide.get('date'), 'short')

但是，我收到此错误：

未捕获的 ReferenceError：没有命名的日期格式：未定义

我的日期被定义为“短”，应该是内置的。是什么赋予了？

Answer 1

您可以使用：

{this.formatDate(this.props.guide.get('date'), {
    day  : 'numeric',
    month: 'long',
    year : 'numeric'
})}

'short' 不是内置的。它在 FormatJS 指南中的“渲染”选项卡中标明，如下所示：

var intlData = {
"locales": "en-US",
"formats": {
    "date": {
        "short": {
            "day": "numeric",
            "month": "long",
            "year": "numeric"
        }
    }
}