Интернационализация с помощью React.js с использованием Yahoo react-intl

Это измененный пример из response-intl wiki

Глядя на код ниже, в <IntlProvider> вам нужно будет передать опору messages={{post.title: "Hello World", post.body: "Amazing Content"}}. Это будет объект с ключами, которые вы перевели из сценария сборки.

При переключении языкового стандарта на «en» загружаются сообщения по умолчанию. AddLocaleData добавляет данные для перевода форматов чисел и дат, а не строк.

import React, {PropTypes} from 'react';
import ReactDOM from 'react-dom';

import {addLocaleData} from 'react-intl';
import en from 'react-intl/locale-data/en';
import fr from 'react-intl/locale-data/fr';
import es from 'react-intl/locale-data/es';
import pt from 'react-intl/locale-data/pt'

addLocaleData([...en, ...fr, ...es, ...pt]);

import {
    injectIntl,
    IntlProvider,
    FormattedRelative,
    FormattedMessage
} from 'react-intl';

const PostDate = injectIntl(({date, intl}) => (
    <span title={intl.formatDate(date)}>
        <FormattedRelative value={date}/>
    </span>
));

const App = ({post}) => (
    <div>
        <h1>{post.title}</h1>
        <p><PostDate date={post.date}/></p>
        <div>{post.body}</div>
    </div>
);

ReactDOM.render(
    <IntlProvider locale={'pt'} messages={{post.title: "Olá Mundo", post.body: "conteúdo surpreendente"}}>
        <App
            post={{
                title: <FormattedMessage id='post.title' defaultMessage='Hello, World!'} />,
                date: new Date(1459913574887),
                body: <FormattedMessage id='post.body' defaultMessage='Amazing Content!'} />,
            }}
        />
    </IntlProvider>,
    document.getElementById('container')
);

Думаю, это ответ на вопрос. Однако он основан на использовании сторонней службы переводов и предлагает перезаписать файл переводов. Что лично я сделал, так это сгенерировал файл в соответствии со сценарием и использовал его, чтобы вручную записать мои переводы в другой файл. https://medium.freecodecamp.com/internationalization-in-react-7264738274a0