当前位置:  开发笔记 > 前端 > 正文

在React中操作<html>或<body>标记

如何解决《在React中操作<html>或<body>标记》经验,为你挑选了2个好方法。

在React中操作标记的最佳方法是什么?

例如,动态设置"lang"属性还是更改类?


我可以使用原始DOM操作来做到这一点.但这是正确的方法吗?



1> Freezystem..:

我刚刚遇到过这个用例,我希望在用户切换语言时修改lang属性.
React Helmet实际上非常简单.

只需从您的反应状态获取lang并将其传递到应用中任何位置的Helmet组件:

 // with this.state = { lang : 'en' }



2> Enrico..:

可以直接更改lang属性,也可以更改 document.documentElement.lang

例如:

var newLang = 'fr';
...
document.documentElement.lang = newLang; // will set the lang property to 'fr'

推荐阅读
和谐啄木鸟
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有