Javascript 如何将react-i18next与语义UI标签标签结合起来?

Javascript 如何将react-i18next与语义UI标签标签结合起来?,javascript,json,reactjs,material-ui,react-i18next,Javascript,Json,Reactjs,Material Ui,React I18next,我正在将语义UI与[react-i18next][2]结合使用,需要使标签字符串可翻译,但此标签中有一个HTML标记,例如span。但是,它只接受硬编码或变量的字符串。这是不可能的 FormControlLabel的props声明标签prop是要在封闭标签元素中使用的文本。 检查一下 您必须为此元素创建自定义标签控件或扩展FormControlLabel(强烈建议您不要扩展) 自定义标签 当孩子们添加时,将复选框放进去应该会起作用,但需要在控件上展开 const CustomLabel = (p

我正在将语义UI与[react-i18next][2]结合使用,需要使标签字符串可翻译,但此标签中有一个HTML标记,例如
span
。但是,它只接受硬编码或变量的字符串。

这是不可能的 FormControlLabel的props声明标签prop是要在封闭标签元素中使用的文本。

检查一下

您必须为此元素创建自定义标签控件或扩展
FormControlLabel
(强烈建议您不要扩展)

自定义标签 当孩子们添加时,将复选框放进去应该会起作用,但需要在控件上展开

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

// implementation

<CustomLable />
<Checkbox />
constCustomLabel=(道具)=>(
)
//实施
变通办法 您可以做的是从字符串中去掉标记,这样就可以得到纯文本


cleanText=strInputCode.replace(/]+(>|$)/g,”

谢谢。你能提供一个自定义标签控件的例子吗?我会把你的答案标记为有用的?还有,为什么不建议扩展它呢?嘿,在react中扩展类是一种反模式(我认为),虽然有可能,但实际上并没有使用。我想我会提到它。剥离标签会将您的标签从字符串中移除,但您也会用它松开样式。我需要样式。。。有没有更好的方法来代替危险的HTML?哈哈,是的,这个名字正在触发。我不这么认为,因为你有一个字符串,并希望它是html,你需要这样做,以保持风格。