Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在ReactJS中使用“translate”属性_Reactjs_Translate - Fatal编程技术网

在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,请核对答案,我想这可能会对你有所帮助。这就是我要找的解释。谢谢这就是我想要的解释。谢谢