如何在React中选择html元素？

Question

我想选择主题值并根据 localStorage 值更改它以设置浅色/深色主题，我该如何在 React 中做到这一点？

我知道我可以在组件中使用 Ref hook，但是如何在 index.html 中选择 dom 元素？

Answer 1

您可以使用 vanilla js 选择 html 元素：

document.getElementsByTagName("html")[0].setAttribute("theme","dark")

这将获取带有“html”标签的所有元素的列表，选择第一个，然后设置“theme”属性。然后，您可以使用读取 localStorage 并相应地设置主题值。

请参阅 setAttribute

的文档