反応式の<FormattedDate>で名前付きフォーマットを使用する

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

を確認して、IntlProviderに「ロケール」プロパティを設定します。https://github.com/yahoo/react-intl/wiki/Components#intlprovider

エラーメッセージは明らかに少し浅いですが、あなたのロケールを知ることが一般的にローカライズの基本的な側面であること:)