你如何将参数传递给react-intl中的defineMessages？

Posted 2023-02-19

【中文标题】你如何将参数传递给react-intl中的defineMessages？

【英文标题】：How do you pass a parameter to defineMessages in react-intl?

【发布时间】：2018-10-22 05:38:57

【问题描述】：

我收到如下错误消息：

Could not retrieve data: $e

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

一个标准的定义消息：

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

谢谢！

【参考方案1】：

如果我这样理解你的话：

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

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

【参考方案2】：

需要将defineMessages中的[default message]替换为e

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>

希望对你有帮助。

【讨论】：

@reectrix，如果我的回答对你有帮助，请投票。

【参考方案3】：

这可以做得更简单。 例如 'launcher.question' 可能类似于

'launcher.question': '亲爱的 e 告诉我们'