如何在reactjs中向元素添加类？

我执行以下语句将“hold transition login page”类添加到

元素中

import React, { Component,useEffect } from 'react';
export default class Login extends React.Component {
componentDidMount() {
document.getElementById("the_body").classList.add('hold-transition login-page')
}
render() {
return(
<div className="login-box">
...some html script
</div>
)
}

---

它运转良好。但是为什么我的dom语句是错误的呢？。最后，我希望您能解决我的问题，谢谢

这不是人们用React修改类的方式，但您的示例中的问题是“保持转换登录页”不是有效的类名

如果要添加多个类名，请尝试

classList.add("hold-transition", "login-page")

---

重复，尽管您确实不应该在React中直接操作DOM。谢谢兄弟，我现在意识到我的错误我克隆了我的DOM语句1.add class hold transition 2.add class login page classList.add（“hold transition”）classList.add（“login page”）它的工作

classList.add("hold-transition", "login-page")