如何將 react-i18next 與 Semantic UI 標簽標簽結合起來？

Question

我正在使用語義 UI 與 [react-i18next][2] 的組合，需要使標簽字符串可翻譯，但該標簽中有一個 HTML 標簽，例如span 。 但是，它只接受硬編碼或可變的字符串。

Answer 1

這不可能

FormControlLabel 的道具聲明標簽道具是The text to be used in an enclosing label element.

在這里檢查

您必須為此元素制作自定義標簽控件或擴展FormControlLabel （強烈建議您不要擴展）

自定義標簽

將您的復選框作為孩子添加它應該可以工作，但您需要擴展控件。

const CustomLabel = (props) => (
  <div dangerouslySetInnerHTML={{__html: t('login.accept')}} />
)

// implementation

<CustomLable />
<Checkbox />

解決方法

您可以做的是從字符串中去除標簽，以便獲得純文本。

cleanText = strInputCode.replace(/<\\/?[^>]+(>|$)/g, "");