React Intl - невозможно прочитать свойство 'formatMessage' из неопределенного

Question

  ....
 const func1 = (intl) => {
  const text = intl.formatMessage({id: 'mesage'});
  const func2 = () => {
     return {
      <div>.....
      placeholder={text}</div>
   };
  };
    return {
   <div>.....
   {func2()}</div>
  };
 };

экспорт по умолчанию withStyles (styles) (injectIntl ​​(component)); `}

Я пытаюсь injectIntl ​​для перевода строк с использованием библиотекиact-intl, но продолжаю получать следующую ошибку:

"Невозможно прочитать свойство 'formatMessage' из неопределенного"

Я пытаюсь сделать что-то вроде этого: React-Intl Как использовать FormattedMessage во входном заполнителе

Answer 1

Вы можете использовать props.intl.formatMessage({id: 'mesage'});, intl объект включен в реквизит.

Далее, если предположить, что Mycomponent обернуто тогда:

const MyComponent = ({intl}) => { // we are extracting intl from prop object
// component code here
}