如何使用&nbsb;在react-intl中

时间:2019-12-13 10:49:08

标签: reactjs intl

在使用react-intl时如何使用day = driver.findElement(By.xpath("//*[contains(text(),'"+whichDay+"') AND (@data-month,'"+whichMonth+"')]")); ,以便控制分词。 我有一条类似Rs的消息。 100,00,000,但突破卢比。 无论如何,都可以将邮件写为  当我尝试这样做时,它会显示Rs。呈现html时为100,000,000

2 个答案:

答案 0 :(得分:0)

使用实体编号 而不是为我服务

参考:Html Entities W3schools

答案 1 :(得分:0)

不确定将破坏性逻辑与消息耦合是否是好的做法(尽管有时是必要的)。在大多数情况下,这可能需要稍后与翻译人员进行额外的沟通,因为他们通常不熟悉编码实践。

此外,数字、货币和日期格式在所有语言中都不相同。如果您追求完美主义,也许您也应该格式化这些值。

如果此破坏规则在您的所有语言中都相同,那么使用 div 包装本地化消息并设置 white-space: nowrap 可能是一个更简洁的解决方案。

<div style={{ whiteSpace: "nowrap" }}>
  {message}
</div>

或者,您可以将 HTML 实体作为占位符传递。

// "message.example": "Rs.{nbsp}100,00,000"
<FormattedMessage id="message.example" values={{ nbsp: <>&nbsp;</> }} />