1

我在使用时尝试使用命名格式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

我究竟做错了什么？

4

1 回答 1

2

确保并在 IntlProvider 上设置“语言环境”属性：https ://github.com/yahoo/react-intl/wiki/Components#intlprovider

该错误消息显然有点肤浅，但了解您的语言环境通常是本地化的一个基本方面:)

于 2017-10-07T16:48:29.157 回答