FormattedMessageとReact ContextTypesを使用せずに翻訳テキストを取得する

Question

私は、FormattedMessageを使用せずに翻訳テキストを取得する方法を探しています。これまでは、ContextTypesとReact's EXPERIMENTAL featureを使用するこのソリューションしか見つかりませんでした。これを実現する他の方法（または他のライブラリ/ npmモジュール）がありますか？

Answer 1

私はcontextを使用することをお勧めしますが、react-intlは高次のコンポーネントinjectIntlを提供します。これには、すべての必須の書式設定機能を持つ小道具intlが渡されます。

import React from "react"; 
import {injectIntl, intlShape} from "react-intl"; 

class MyComponent extends React.Component { 
    static propTypes = { 
     intl: intlShape.isRequired 
    } 
    render() { 
     return <p>{this.props.intl.formatDate(new Date())}</p>; 
    } 
} 

export default injectIntl(Component);