如何使用 &nbsb; 在反應國際

Question

您如何使用  使用 react-intl 時，請控制分詞。 我有一條像 Rs 這樣的消息。 100,00,000 但它正在打破盧比。 無論如何，是否可以將消息寫為Rs. 100,00,000當我嘗試這樣做時，它顯示 Rs。 呈現 html 時為 100,00,000

Answer 1

我輸入了 unicode 字符 剛進入突然起作用的短信:)

短信： 'Please provide additional information like server logs'

帶有不間斷空格的消息： 'Please provide additional information like server logs'

Answer 2

使用實體編號  而不是為我工作

參考： Html 實體 W3schools

Answer 3

不確定將破壞性邏輯與消息耦合是否是好的做法（盡管有時是必要的）。 在大多數情況下，這可能需要稍后與翻譯人員進行額外的溝通，因為他們通常不熟悉編碼實踐。

此外，數字、貨幣和日期格式在所有語言中都不相同。 如果您追求完美主義，也許您也應該格式化這些值。

如果此破壞規則在您的所有語言中都相同，則可能使用div包裝本地化消息並設置white-space: nowrap是一個更white-space: nowrap的解決方案。

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

或者，您可以將 HTML 實體作為占位符傳遞。

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