如何在单击React时添加类

在React中，当单击某个元素时添加类可以通过以下步骤实现：

首先，创建一个React组件，并在组件的构造函数中初始化一个状态变量，用于控制类的添加和移除。例如：

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isClicked: false
    };
  }

  handleClick = () => {
    this.setState(prevState => ({
      isClicked: !prevState.isClicked
    }));
  }

  render() {
    const { isClicked } = this.state;
    const className = isClicked ? 'active' : '';

    return (
      <div className={className} onClick={this.handleClick}>
        Click me
      </div>
    );
  }
}

export default MyComponent;

在组件的render方法中，根据状态变量isClicked的值动态设置元素的类名。当isClicked为true时，添加一个名为'active'的类，否则不添加类。这里使用了三元表达式来实现条件判断。
在元素的onClick事件处理程序中，调用setState方法来更新状态变量isClicked的值。通过使用prevState参数，我们可以确保在更新状态时不会丢失之前的状态。

这样，当单击React组件时，会触发handleClick方法，从而更新状态变量isClicked的值。根据isClicked的值，元素的类名会相应地被添加或移除，实现了在单击React时添加类的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm