반응 형 int에서 <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이

그 오류 메시지가 분명 조금 얕은하지만 로케일을 아는 것이 일반적으로 현지화의 기본적인 측면 :

입니다