javascript - React 如何协同添加和删除工作？

Question

我是 react 新手，正在尝试使用两个不同的按钮切换主体类。一个应该使用 onClick 事件添加一个类，另一个应该删除该类。下面是我的代码的示例。

现在在控制台中我可以看到事件触发两次，但类仍然存在。正如我所说，我是 React 新手，所以我知道我可能做错了。

bodyFixed() {
    document.body.classList.add('body-fixed');
}

bodyRelative() {
   document.body.classList.remove('body-fixed');
}

Answer 1

您正在尝试像使用 vanilla js 或 JQuery 一样直接修改 dom，但这不是 React 的使用方式。 React 创建一个由您创建和管理的虚拟 dom，然后 React 为您处理更改页面。

我建议遵循类似 this 的指南一个学习基本设置和概念的人(跳到他使用 JSX 的部分)。 如果您显示整个组件文件，我可以进一步为您指出正确的方向。