Question

我在使用react-intl时尝试使用命名格式，但我无法让它运行起来。根据我的研究，我认为这应该是一个很小的例子：

import React from 'react';
import ReactDOM from 'react-dom';
import { IntlProvider, FormattedDate } from 'react-intl';

const Testy = (props) => (
    <FormattedDate
        value={ props.myDate }
        format='year-only'
      />
 )

const app = (
  <IntlProvider formats={{ date: { 'year-only': { year: 'numeric' } } }}>
    <Testy myDate={ "2010/10/01" }/>
  </IntlProvider>
)

ReactDOM.render(app, document.getElementById('App'));

然后，在运行时出现错误：[React Intl] No date format named: year-only

我做错了什么？

Answer 1

确保并设置＆＃39;区域设置＆＃39; IntlProvider上的属性：https://github.com/yahoo/react-intl/wiki/Components#intlprovider

该错误消息显然有点浅，但知道您的语言环境通常是本地化的一个基本方面：）

在react-intl中使用<formatteddate>中的命名格式

1 个答案: