react class类通过document添加class类名
时间: 2023-08-18 17:06:22 浏览: 126
create-class-names:扩展classNames对象的值的实用程序
可以通过以下代码实现:
```javascript
class MyComponent extends React.Component {
componentDidMount() {
document.body.classList.add("my-class");
}
render() {
return <div>Hello World</div>;
}
}
```
在组件挂载后,`componentDidMount` 方法会被调用,此时可以通过 `document.body` 获取到整个页面的 `body` 元素,然后调用 `classList.add` 方法来添加一个新的类名。这样就可以在页面中添加一个名为 `my-class` 的类了。
阅读全文