Как вы передаете параметр для defineMessages в реагировать-intl?

Question

У меня есть сообщение об ошибке, подобное приведенному ниже:

Could not retrieve data: ${e}

Как мне преобразовать это в определенное сообщение, которое может принять этот параметр ошибки?

Стандартное определенное сообщение:

    const messages = defineMessages({
     dataError: {
         id: 'data.error',
         defaultMessage: 'Could not retrieve data: [default message]'
     }
   })

Спасибо!

Answer 1

необходимо заменить [default message] на {e} в defineMessages

const messages = defineMessages({
  dataError: {
    id: 'data.error',
    defaultMessage: 'Could not retrieve data: {e}'
  }
})

Определить переменную сообщения

 const message = "Error Message";

Передать переменную сообщенияв отформатированном сообщении

 <FormattedMessage
          {...messages.dataError}
          values={{ e: `${message}` }}
 />

Out Вставьте ниже

<span>Could not retrieve data: Error Message</span>

Надеюсь, это поможет вам.

Answer 2

Если я вас правильно понял, вот так:

const messages = defineMessages({
  dataError: {
    id: 'data.error',
    defaultMessage: 'Could not retrieve data: {message}'
  }
})

<FormattedMessage
  {...messages.dataError}
  values={{message: `Could not retrieve data: ${e}`}}
/>