Javascript 如何将react-i18next与语义UI标签标签结合起来?
我正在将语义UI与[react-i18next][2]结合使用,需要使标签字符串可翻译,但此标签中有一个HTML标记,例如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
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,你需要这样做,以保持风格。