在ReactJS中使用“translate”属性
例如:在ReactJS中使用“translate”属性,reactjs,translate,Reactjs,Translate,例如: <h1 translate="no" className="clientName">Jay</h1> 大家好,上面的代码在我的react项目中,显然属性translate在react中不起作用 有人知道另一种解决方案吗,即使是通过Javascript,因为我不希望谷歌翻译我网站上的人的名字 谢谢 <html translate="no"> 基本上可以在html文件的顶部执行此操作 您基本上可以在html文件的顶部执行此操作,但并非所有浏览器都支持此
<h1 translate="no" className="clientName">Jay</h1>
大家好,上面的代码在我的react项目中,显然属性translate在react中不起作用
有人知道另一种解决方案吗,即使是通过Javascript,因为我不希望谷歌翻译我网站上的人的名字
谢谢
<html translate="no">
基本上可以在html文件的顶部执行此操作
您基本上可以在html文件的顶部执行此操作,但并非所有浏览器都支持此属性。验证文档是否您所在的浏览器支持该属性。根据,并非所有浏览器都支持该属性。验证文档您所在的浏览器是否支持该属性。请检查浏览器是否支持translate=no,大多数用户不支持 您还可以在要测试的浏览器中测试相同的内容: 对于特定的google translate作为替代解决方案,您可以使用className=NotTranslate 工作演示:
请检查浏览器对translate=no的支持,大多数人不支持 您还可以在要测试的浏览器中测试相同的内容: 对于特定的google translate作为替代解决方案,您可以使用className=NotTranslate 工作演示:
虽然在一些浏览器中不支持translate属性,但我认为在您的情况下,React没有将translate属性传递给DOM元素 如果您使用的react版本早于16.0.0,则可能会发生这种情况。在16.0.0之前,react将忽略传递给DOM的自定义属性。在这样做的同时,它也没有尊重一些有效的HTML属性,因为有效的属性列表非常庞大 从v16.0.0开始,react不会将这些属性忽略,从而可以正确地使用它 您只需使用将react升级到最新版本即可
yarn upgrade --latest react react-dom
或者您也可以尝试升级到v16.0.0
yarn upgrade react@16.0.0 react-dom@16.0.0
虽然在一些浏览器中不支持translate属性,但我认为在您的情况下,React没有将translate属性传递给DOM元素 如果您使用的react版本早于16.0.0,则可能会发生这种情况。在16.0.0之前,react将忽略传递给DOM的自定义属性。在这样做的同时,它也没有尊重一些有效的HTML属性,因为有效的属性列表非常庞大 从v16.0.0开始,react不会将这些属性忽略,从而可以正确地使用它 您只需使用将react升级到最新版本即可
yarn upgrade --latest react react-dom
或者您也可以尝试升级到v16.0.0
yarn upgrade react@16.0.0 react-dom@16.0.0
嗯,我确实希望它翻译页面的其他部分,而不是页面中的名称page@CoderAz你也可以试试class=nottranslate也许这本适合你谢谢你的建议但那也不行:太好了,我确实希望它能翻译页面的其他部分,只是不知道里面的名字page@CoderAz你也可以试试class=nottranslate,也许这本书适合你谢谢你的建议,但那也不行:我也有同样的问题。我将指定React不工作,我的意思是,React忽略此属性,并且它根本不会在最终的html中呈现。您使用的是React的哪个版本?在我的例子中,这是React的最后一个版本15@MattLeonowicz,请核对答案,我想这可能会对你有所帮助。我也有同样的问题。我将指定React不工作,我的意思是,React忽略此属性,并且它根本不会在最终的html中呈现。您使用的是React的哪个版本?在我的例子中,这是React的最后一个版本15@MattLeonowicz,请核对答案,我想这可能会对你有所帮助。这就是我要找的解释。谢谢这就是我想要的解释。谢谢