你如何在 react-intl 中传递一个参数来定义消息？

Question

我有一条如下所示的错误消息：

Could not retrieve data: ${e}

如何将其转换为可以接受此错误参数的 definedMessage？

一个标准的definedMessage：

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

谢谢！

Answer 1

如果我正确理解你是这样的：

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

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

Answer 2

需要更换[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}` }}
 />

在下面放入

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

希望它会帮助你。