如何在reacjs中获取类名？

<div className="my-class"></div>

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }

  handleClick() {
    const className = this.myRef.current.className;
    console.log(className);
  }

  render() {
    return <div ref={this.myRef} className="my-class" onClick={() => this.handleClick()}></div>;
  }
}

npm install classnames

import classNames from 'classnames';

class MyComponent extends React.Component {
  handleClick() {
    const className = classNames('my-class', { 'active': true });
    console.log(className);
  }

  render() {
    return <div className={classNames('my-class', { 'active': true })} onClick={() => this.handleClick()}></div>;
  }
}