Question

在React中操纵<html>或<body>标记的最佳方法是什么？

例如，动态设置＆＃39; lang＆＃39;属性还是改变类？

<html lang="en" class="ltr">

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

Answer 1

我刚刚遇到过这个用例，我希望在用户切换语言时修改<Helmet htmlAttributes={{ lang : this.state.lang }}/> // with this.state = { lang : 'en' } lang属性。
React Helmet实际上这很简单。

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

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_text"
    ... />