Javascript 如何通过ReactJS向html元素添加class属性？

我希望Reactjs在html中将一个名为“hello”的类添加到我的div中

我知道我可以简单地用JavaScript编写

element.classList.add（“hello”）

但是React显示关键字“.add”的错误

如何执行此操作？
您可以通过在呈现组件时包含该类来执行此操作。举个例子，如果你在做一个功能组件，它返回的结果如下：

return (
    <div>
        This is the content of the div
    </div>
);

。你好{
颜色：蓝色；
字体：斜体；
}

您的问题表明，您对React非常陌生，还没有掌握使用React、Vue等MVC风格库与创建和手动更新元素之间的根本区别。我建议通过一些React教程来了解更多关于这种差异的信息。非常感谢@T.J.Crowder的建议，是的，我是React新手，所以当我遇到这个问题时，我正试图将我的香草JavaScript项目转换为React。但再次感谢，我真的很感谢你的回答，我一定会按照你的建议学习更多的react。这是否回答了你的问题。。。有时我觉得我是唯一一个搜索答案的人……或者只是className={name}所以直接设置类？@JuleWolf-如果
name
是一个变量，那么是，或者
className=“hello”
是一个文本值。但是OP的问题是关于添加一个类，所以我假设它最初不在那里，然后随着某些条件变为真而被添加。
return (
    <div className={someCondition ? "hello" : ""}>
        This is the content of the div
    </div>
);