html5 – 使用React将类添加到HTML标记中？

TL; DR使用document.body.classList.add和document.body.classList.remove

我将有两个函数切换一个状态来显示/隐藏外部组件中的模态.

在这些函数中,我将使用document.body.classList.add和document.body.classList.remove方法来操作依赖于模态状态的body类,如下所示：

openModal = (event) => {
  document.body.classList.add('modal-open');
  this.setState({ showModal: true });
}
hideModal = (event) => {
  document.body.classList.remove('modal-open');
  this.setState({ showModal: false });
}